/* reset.css */
@import url(reset.css);
/* typography.css */
@import url(typography.css);
/* forms.css */
label {font-weight:bold;color:#999;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:400px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:500px;height:70px;padding:5px;margin:0;}
textarea.contact {width:390px;height:70px;padding:5px;margin:0;}
textarea.editor {min-height:60px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.notice {padding:.8em;margin:0 10px;border:2px solid;background:#FFF6BF;color:#514721;border-color:#FFD324;}
.notice p {margin: 0;}
.notice.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.notice a {color:#514721;}
.notice.error a {color:#8a1f11;}
.notice.success a {color:#264409;}
/* custom */
form .row           {   padding: 10px; overflow: auto; position: relative;    }
form .row.button    {   padding: 0px 10px 0 110px;   }
form .row.file      {   overflow: visible; min-height: 30px;  }

form .row label     {   width: 100px; float: left;    }

form .row input{   margin: 0; float: left; color: #444;     }
form .row select    {   margin: 0; float: left; color: #444;     }

form .row input[type=file]  {   width: auto; margin: 0 10px 0 0;    }

form .row div.error         {   display: none; left: 90px; position: absolute; top: 10px;  }
form .row div.error.active  {   display: block; width: 20px; height: 20px; padding: 0; margin: 0; border: none; }

form .row div.error label.error         {   float: none; width: 20px; height: 20px; display: block; padding: 0; margin: 0; border: none; background-image: url(../images/forms/error.png); background-repeat: no-repeat; background-position: 2px; text-indent: -9999em;  }
form .row div.error label.error.valid   {   background-image: url(../images/forms/valid.png);   }

form .row input.error       {   padding: 1px 0; }
form .row input.title.error {   padding: 5px;   }
form .row input[type=checkbox].error,
form .row input[type=radio].error,
form .row select.error      {   padding: 0;   }

form .row input.error,
form .row select.error,
form .row textarea.error        {}
form .row select.error option   {}


form .row .pw-upload.files                  {   padding: 10px 0 10px 19.5%; display: none; overflow: visible; z-index: 12; position: relative;   }
form .row .pw-upload.files:after            {   content: "."; display: block; height: 0; clear: both; visibility: hidden;      }
form .row .pw-upload.files.active           {   display: block; }
form .row .pw-upload.files .uploaded        {   float: left; width: auto; min-width: 250px; min-height: 60px; padding: 10px; background: url(../images/trans_bg.png) repeat; position: relative; overflow: hidden;  }
form .row .pw-upload.files .uploaded img    {   max-width: 620px;   }

form .row .pw-upload.files .uploaded p      {   display: none; background: url(../images/trans_bg.png) repeat; color: #eee; padding: 10px; position: absolute; top: 20px; right: 20px;  }
form .row .pw-upload.files .uploaded p span {   display: block; height: 20px; line-height: 20px;    }

form .row .pw-upload.files .uploaded p span a   {   float: right; margin: 2px 0 2px 5px;   }

form .row .pw-upload.files .uploaded.hover_on p,
form .row .pw-upload.files .uploaded:hover p    {   display: block; }


form .row .pw-browse.button     {   margin: 0 0 0 10px; }

.dialog.pw-browse .dir.links        {   margin: 0 0 10px;   }
.dialog.pw-browse .dir.files        {}

.dialog.pw-browse .dir.links h2     {   width: 20%; cursor: pointer; color: #e5e5e5; }

.dialog.pw-browse .uploaded         {   float: left; width: auto; min-width: 250px; min-height: 60px; max-height: 300px; padding: 10px; margin: 0 5px 5px 0; background: url(../images/trans_bg.png) repeat; position: relative; overflow: hidden; border: 1px solid #1a1a1a;   }
.dialog.pw-browse .uploaded img     {   max-width: 600px; cursor: pointer;   }
.dialog.pw-browse .uploaded p       {   background: url(../images/trans_black.png) repeat; color: #eee; padding: 10px; position: absolute; top: 20px; right: 20px;  }
.dialog.pw-browse .uploaded p span  {   display: block; height: 20px; line-height: 20px;    }

.dialog.pw-browse .uploaded p span a    {   float: right; margin: 2px 0 2px 5px;   }

.dialog.pw-browse .uploaded.hover_on p,
.dialog.pw-browse .uploaded:hover p     {   display: block; }

/* buttons */
a.button, button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */

  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
a.button    {   margin: 0;  }
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}
a.button font { font-size: 14px; }
/* Standard */
button:hover, a.button:hover, a.button.hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
button:active, a.button:active {
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}
/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover, a.button.positive.hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
button.positive:active, a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}
/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover, a.button.negative.hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
button.negative:active, a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/* autocomplete */

.ac_results         {   border: 1px solid #333; border-top: none; background: url(../images/trans_bg.png) repeat; }

.ac_results ul      {   list-style: none; margin: 0; padding: 1px 0;   }
.ac_results ul li   {   float: left; height: 30px; line-height: 30px; margin: 1px 2px; padding: 0 10px;   }

.ac_results strong      {   color: #6299c5;    }

.ac_results .ac_even    {}
.ac_results .ac_odd     {}
.ac_results .ac_over    {   background-color: #1a1a1a;  }

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/

.markItUp           {   float: left; margin: 0;    }
.markItUp *         {   margin:0px; padding:0px; outline:none;   }
.markItUp a:link,
.markItUp a:visited {   color:#000; text-decoration:none;   }

.markItUpContainer      {	font-size: 11px; overflow: visible; }
.markItUpEditor         {   z-index: 20; clear:both; display:block; line-height:18px; overflow:auto;    }
.markItUpPreviewFrame   {   width: 99.9%; height: 300px; padding: 0; margin: 5px 0; overflow: hidden; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px dashed #999; }
.markItUpHeader         {   overflow: visible; background-color: #fff;  }
.markItUpFooter         {   width:100%; height: 5px; line-height: 5px; clear: both;   }
.markItUpResizeHandle   {	overflow:hidden; width: 120px; height: 1px; margin-left:auto; margin-right:auto; background-color:#d9d9d9; cursor:n-resize;   }
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader > ul        {   z-index: 29; overflow: auto;    }
.markItUpHeader > ul > li   {   width: 19px; height: 22px;    }

.markItUpHeader ul li       {   z-index: 30; list-style:none; float:left;   }

.markItUpHeader ul li:hover > ul        {   display: block;  }

.markItUpHeader ul .markItUpDropMenu    {   z-index: 31; background:transparent url(../images/editor/menu.png) no-repeat 115% 50%; margin-right: 5px;   }

.markItUpHeader ul .markItUpDropMenu > ul       {   width: 90px; padding: 5px; background-color: #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 35; position: relative; overflow: auto; display: none;     }
.markItUpHeader ul .markItUpDropMenu > ul > li  {   z-index: 36; width: 90px; padding: 0; margin-right: 0px;    }

.markItUpHeader ul .markItUpDropMenu > ul > li a:link,
.markItUpHeader ul .markItUpDropMenu > ul > li a:visited,
.markItUpHeader ul .markItUpDropMenu > ul > li a:active     {   background-color: #f2f2f2; }
.markItUpHeader ul .markItUpDropMenu > ul > li a:hover      {   background-color: #fff; }
/* next rows of buttons */
.markItUpHeader ul .markItUpSeparator {
	margin:0 5px;
	width:1px;
	height:22px;
	overflow:hidden;
	background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator    {   width: auto; height: 1px; margin: 0px;   }
/* next rows of buttons */
.markItUpHeader ul ul ul {
	position:absolute;
	top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
	float:none;
}
.markItUpHeader ul a {
	display:block;
	width:16px; height:16px;
	text-indent:-10000px;
	background-repeat:no-repeat;
    background-position: 3px 3px;
	padding:3px 0 3px 3px;
	margin:0px;
}
.markItUpHeader ul ul a {
	display:block;
	padding-left:0px;
	text-indent:0;
	width:60px;
	padding:5px 5px 5px 25px;
	background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
	color:#FFF;
	background-color:#000;
}
/* grid.css */
.container {width:902px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:28px;}
.span-2 {width:66px;}
.span-3 {width:104px;}
.span-4 {width:142px;}
.span-5 {width:180px;}
.span-6 {width:218px;}
.span-7 {width:256px;}
.span-8 {width:294px;}
.span-9 {width:332px;}
.span-10 {width:370px;}
.span-11 {width:408px;}
.span-12 {width:446px;}
.span-13 {width:484px;}
.span-14 {width:522px;}
.span-15 {width:560px;}
.span-16 {width:598px;}
.span-17 {width:636px;}
.span-18 {width:674px;}
.span-19 {width:712px;}
.span-20 {width:750px;}
.span-21 {width:788px;}
.span-22 {width:826px;}
.span-23 {width:864px;}
.span-24, div.span-24 {width:902px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:28px!important;}
input.span-2, textarea.span-2, select.span-2 {width:46px!important;}
input.span-3, textarea.span-3, select.span-3 {width:84px!important;}
input.span-4, textarea.span-4, select.span-4 {width:122px!important;}
input.span-5, textarea.span-5, select.span-5 {width:160px!important;}
input.span-6, textarea.span-6, select.span-6 {width:198px!important;}
input.span-7, textarea.span-7, select.span-7 {width:236px!important;}
input.span-8, textarea.span-8, select.span-8 {width:274px!important;}
input.span-9, textarea.span-9, select.span-9 {width:312px!important;}
input.span-10, textarea.span-10, select.span-10 {width:350px!important;}
input.span-11, textarea.span-11, select.span-11 {width:388px!important;}
input.span-12, textarea.span-12, select.span-12 {width:426px!important;}
input.span-13, textarea.span-13, select.span-13 {width:464px!important;}
input.span-14, textarea.span-14, select.span-14 {width:502px!important;}
input.span-15, textarea.span-15, select.span-15 {width:540px!important;}
input.span-16, textarea.span-16, select.span-16 {width:578px!important;}
input.span-17, textarea.span-17, select.span-17 {width:616px!important;}
input.span-18, textarea.span-18, select.span-18 {width:654px!important;}
input.span-19, textarea.span-19, select.span-19 {width:692px!important;}
input.span-20, textarea.span-20, select.span-20 {width:730px!important;}
input.span-21, textarea.span-21, select.span-21 {width:768px!important;}
input.span-22, textarea.span-22, select.span-22 {width:806px!important;}
input.span-23, textarea.span-23, select.span-23 {width:844px!important;}
input.span-24, textarea.span-24, select.span-24 {width:892px!important;}
.append-1 {padding-right:38px;}
.append-2 {padding-right:76px;}
.append-3 {padding-right:114px;}
.append-4 {padding-right:152px;}
.append-5 {padding-right:190px;}
.append-6 {padding-right:228px;}
.append-7 {padding-right:266px;}
.append-8 {padding-right:304px;}
.append-9 {padding-right:342px;}
.append-10 {padding-right:380px;}
.append-11 {padding-right:418px;}
.append-12 {padding-right:456px;}
.append-13 {padding-right:494px;}
.append-14 {padding-right:532px;}
.append-15 {padding-right:570px;}
.append-16 {padding-right:608px;}
.append-17 {padding-right:646px;}
.append-18 {padding-right:684px;}
.append-19 {padding-right:722px;}
.append-20 {padding-right:760px;}
.append-21 {padding-right:798px;}
.append-22 {padding-right:836px;}
.append-23 {padding-right:874px;}
.prepend-1 {padding-left:38px;}
.prepend-2 {padding-left:76px;}
.prepend-3 {padding-left:114px;}
.prepend-4 {padding-left:152px;}
.prepend-5 {padding-left:190px;}
.prepend-6 {padding-left:228px;}
.prepend-7 {padding-left:266px;}
.prepend-8 {padding-left:304px;}
.prepend-9 {padding-left:342px;}
.prepend-10 {padding-left:380px;}
.prepend-11 {padding-left:418px;}
.prepend-12 {padding-left:456px;}
.prepend-13 {padding-left:494px;}
.prepend-14 {padding-left:532px;}
.prepend-15 {padding-left:570px;}
.prepend-16 {padding-left:608px;}
.prepend-17 {padding-left:646px;}
.prepend-18 {padding-left:684px;}
.prepend-19 {padding-left:722px;}
.prepend-20 {padding-left:760px;}
.prepend-21 {padding-left:798px;}
.prepend-22 {padding-left:836px;}
.prepend-23 {padding-left:874px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:22px;margin-right:23px;border-right:1px solid #eee;}
.pull-1 {margin-left:-38px;}
.pull-2 {margin-left:-76px;}
.pull-3 {margin-left:-114px;}
.pull-4 {margin-left:-152px;}
.pull-5 {margin-left:-190px;}
.pull-6 {margin-left:-228px;}
.pull-7 {margin-left:-266px;}
.pull-8 {margin-left:-304px;}
.pull-9 {margin-left:-342px;}
.pull-10 {margin-left:-380px;}
.pull-11 {margin-left:-418px;}
.pull-12 {margin-left:-456px;}
.pull-13 {margin-left:-494px;}
.pull-14 {margin-left:-532px;}
.pull-15 {margin-left:-570px;}
.pull-16 {margin-left:-608px;}
.pull-17 {margin-left:-646px;}
.pull-18 {margin-left:-684px;}
.pull-19 {margin-left:-722px;}
.pull-20 {margin-left:-760px;}
.pull-21 {margin-left:-798px;}
.pull-22 {margin-left:-836px;}
.pull-23 {margin-left:-874px;}
.pull-24 {margin-left:-912px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -38px 1.5em 38px;}
.push-2 {margin:0 -76px 1.5em 76px;}
.push-3 {margin:0 -114px 1.5em 114px;}
.push-4 {margin:0 -152px 1.5em 152px;}
.push-5 {margin:0 -190px 1.5em 190px;}
.push-6 {margin:0 -228px 1.5em 228px;}
.push-7 {margin:0 -266px 1.5em 266px;}
.push-8 {margin:0 -304px 1.5em 304px;}
.push-9 {margin:0 -342px 1.5em 342px;}
.push-10 {margin:0 -380px 1.5em 380px;}
.push-11 {margin:0 -418px 1.5em 418px;}
.push-12 {margin:0 -456px 1.5em 456px;}
.push-13 {margin:0 -494px 1.5em 494px;}
.push-14 {margin:0 -532px 1.5em 532px;}
.push-15 {margin:0 -570px 1.5em 570px;}
.push-16 {margin:0 -608px 1.5em 608px;}
.push-17 {margin:0 -646px 1.5em 646px;}
.push-18 {margin:0 -684px 1.5em 684px;}
.push-19 {margin:0 -722px 1.5em 722px;}
.push-20 {margin:0 -760px 1.5em 760px;}
.push-21 {margin:0 -798px 1.5em 798px;}
.push-22 {margin:0 -836px 1.5em 836px;}
.push-23 {margin:0 -874px 1.5em 874px;}
.push-24 {margin:0 -912px 1.5em 912px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;float:none;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* tags */
body            {   color: #595959; background-color: #ebebeb; background-image: url(../images/background/bg.png); background-repeat: repeat-x; background-position: 0 0;  }

hr              {   margin: 0 0 20px; color: #e5e5e5; background-color: #e5e5e5;   }

h1              {	font-size: 24px;	}
h2              {   font-size: 18px;    }
h3              {   font-size: 16px;    }

h1,h2,h3,
h4,h5,h6,
ul,ol,li        {   color: #595959; }

/** classes **/

.hover_off     {}
.hover_on      {}

.manage .hover_off  {}
.manage .hover_on   {   background-color: #f1f1f1;  }

.hidden         {   display: none;  }

.float-left     {	float: left;	}
.float-right    {	float: right;	}
.float-parent   {   overflow: auto; }
.float-clear    {   clear: both;    }

#wrapper .margin-10          {   margin: 10px;   }
#wrapper .margin-top-10      {   margin-top: 10px;   }
#wrapper .margin-right-10    {   margin-right: 10px; }
#wrapper .margin-left-10     {   margin-left: 10px;  }
#wrapper .margin-bottom-10   {   margin-bottom: 10px;    }
#wrapper .margin-20          {   margin: 20px;   }
#wrapper .margin-top-20      {   margin-top: 20px;   }
#wrapper .margin-right-20    {   margin-right: 20px; }
#wrapper .margin-left-20     {   margin-left: 20px;  }
#wrapper .margin-bottom-20   {   margin-bottom: 20px;    }
#wrapper .margin-40          {   margin: 40px;   }
#wrapper .margin-top-40      {   margin-top: 40px;   }
#wrapper .margin-right-40    {   margin-right: 40px; }
#wrapper .margin-left-40     {   margin-left: 40px;  }
#wrapper .margin-bottom-40   {   margin-bottom: 40px;    }
#wrapper .margin-40          {   margin: 50px;   }
#wrapper .margin-top-50      {   margin-top: 50px;   }
#wrapper .margin-right-50    {   margin-right: 50px; }
#wrapper .margin-left-50     {   margin-left: 50px;  }
#wrapper .margin-bottom-50   {   margin-bottom: 50px;    }
#wrapper .margin-75          {   margin: 75px;   }
#wrapper .margin-top-75      {   margin-top: 75px;   }
#wrapper .margin-right-75    {   margin-right: 75px; }
#wrapper .margin-left-75     {   margin-left: 75px;  }
#wrapper .margin-bottom-75   {   margin-bottom: 75px;    }
#wrapper .margin-100          {   margin: 100px;   }
#wrapper .margin-top-100      {   margin-top: 100px;   }
#wrapper .margin-right-100  {   margin-right: 100px; }
#wrapper .margin-left-100   {   margin-left: 100px;  }
#wrapper .margin-bottom-100	{   margin-bottom: 100px;    }

#wrapper .padding-10          {   padding: 10px;   }
#wrapper .padding-top-10      {   padding-top: 10px;   }
#wrapper .padding-right-10    {   padding-right: 10px; }
#wrapper .padding-left-10     {   padding-left: 10px;  }
#wrapper .padding-bottom-10   {   padding-bottom: 10px;    }
#wrapper .padding-20          {   padding: 20px;   }
#wrapper .padding-top-20      {   padding-top: 20px;   }
#wrapper .padding-right-20    {   padding-right: 20px; }
#wrapper .padding-left-20     {   padding-left: 20px;  }
#wrapper .padding-bottom-20   {   padding-bottom: 20px;    }
#wrapper .padding-40          {   padding: 10px;   }
#wrapper .padding-top-40      {   padding-top: 10px;   }
#wrapper .padding-right-40    {   padding-right: 10px; }
#wrapper .padding-left-40     {   padding-left: 10px;  }
#wrapper .padding-bottom-40   {   padding-bottom: 10px;    }
#wrapper .padding-50          {   padding: 20px;   }
#wrapper .padding-top-50      {   padding-top: 20px;   }
#wrapper .padding-right-50    {   padding-right: 20px; }
#wrapper .padding-left-50     {   padding-left: 20px;  }
#wrapper .padding-bottom-50   {   padding-bottom: 20px;    }
#wrapper .padding-75          {   padding: 10px;   }
#wrapper .padding-top-75      {   padding-top: 10px;   }
#wrapper .padding-right-75    {   padding-right: 10px; }
#wrapper .padding-left-75     {   padding-left: 10px;  }
#wrapper .padding-bottom-75   {   padding-bottom: 10px;    }
#wrapper .padding-100         {   padding: 20px;   }
#wrapper .padding-top-100     {   padding-top: 20px;   }
#wrapper .padding-right-100   {   padding-right: 20px; }
#wrapper .padding-left-100    {   padding-left: 20px;  }
#wrapper .padding-bottom-100  {   padding-bottom: 20px;    }


.no-margin          {   margin: 0 !important;   }
.no-padding         {   padding: 0 !important;  }
.no-background      {   background: none !important;    }
.no-border          {   border: none !important;    }

#wrapper .tags      {   font-size: 0.8em;   }
#wrapper ul .tags   {   text-align: right;  }
#wrapper input.tags {   font-size: 1.2em;   }
#wrapper .tags a    {   display: inline;    }

.cnr-all        {   border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;     }
.cnr-top        {   border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;    }
.cnr-bottom     {   border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;    }
.cnr-left       {   border-radius: 10px 0 010px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px;    }
.cnr-right      {   border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;    }

.trans          {   background-repeat: repeat; background-position: 0 0;    }
.trans.med      {   background-image: url(../images/trans-med.png); }
.trans.dark     {   background-image: url(../images/trans-dark.png);    }
.trans.black    {   background-image: url(../images/trans-black.png);   }

.icon-parent        {}
.icon-parent .icon  {   float: left; margin: 7px 7px 7px 0;    }
.icon-parent .text  {   float: left;    }

li.icon-parent .icon    {   margin: 7px;    }

a.button.cnr-all,
button.cnr-all  {   border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;    }

a.button span.icon,
button span.icon    {   float: left; margin: 0 5px 0 0;    }

ul.tabular      {   height: 30px; line-height: 30px; list-style: none; padding: 0; margin: 0;    }
ul.tabular li   {   float: left; height: 30px;  }
ul.tabular li a {   display: block; padding: 0;    }

ul.tabular li.actions   {   width: 10%; float: right; text-align: right;   }
ul.tabular li.actions a {   float: right; padding: 0; margin: 7px 3px;   }

ul.tabular.info {   font-size: 11px; color: #666; font-weight: bold;    }

ul.block        {   list-style: none; margin: 0; padding: 0;    }
ul.block li     {   height: 20px; line-height: 20px; padding: 0; margin: 0; }
ul.block li a   {   display: block; padding: 0;    }


div.panel.surround          {}
div.panel.surround .header  {   height: 30px; line-height: 30px; font-size: 18px;    }
div.panel.surround .header h1,
div.panel.surround .header h2   {   margin: 0;  }
div.panel.surround .content {}

div.latest.panel            {}
div.latest.panel .header    {}
div.latest.panel .content   {}

div.latest.panel p.more     {   padding: 5px; margin: 0; font-size: 11px;   }


div.header h1.header.err    {   height: 80px; text-indent: -999em; margin: 0 140px 0 0; background: url(../images/background/lost.png) no-repeat top right; }

div.mysql.display           {}

div.mysql.display .icon-parent          {   height: 30px; line-height: 30px; margin: 0 20px 20px; }
div.mysql.display .icon-parent .icon    {   margin: 7px 7px 7px 0;    }
div.mysql.display .icon-parent .text    {}

div.mysql.display div.notice.error      {   margin: 0 20px; }

div.trace       {   margin: 20px 0 0;   }

div.trace ol    {}
div.trace ol li {}

div.trace ol li code,
div.trace ol li code > span {   display: block; }
div.trace ol li span > span {   display: inline; word-wrap: break-word;    }


div.display     {}

div.news div.image,
div.display .page div.image             {   border: 1px solid #e5e5e5; }

div.news div.image:hover,
div.display .page div.image:hover       {   background-color: #e5e5e5;  }

div.news div.image.float-left,
div.display .page div.image.float-left  {   margin: 0 15px 5px 0;   }

div.news div.image.float-right,
div.display .page div.image.float-right {   margin: 0 0 5px 15px;   }

div.news div.image img,
div.display .page div.image img         {   margin: 10px 10px 5px 10px;   }

/** layout **/

#wrapper        {}
#header         {   height: 200px; background: url(../images/background/header.png) no-repeat 0 0; }
#menu           {   height: 50px;   }
#content-upper  {   margin-bottom: 20px;    }
#content-main   {}
#footer         {   height: 50px;   }

#header.Projects-module,
#content-upper.Resources-module,
#content-upper.Projects-module,
#content-upper.Services-module,
#content-upper.Contact.Us-module,
.backend #header,
.backend #content-upper {   display: none;  }

#wrapper.Resources-module .content.cnr-all,
#wrapper.Services-module .content.cnr-all,
#wrapper.Contact.Us-module .content.cnr-all    {   border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-top: none;  }

div.header h1   {   text-indent: -999em;    }

h2.title.icon-parent        {   height: 30px; line-height: 30px;    }

div.header.directory h1     {}
div.header.projects h1      {}

div.menu        {}
div.menu h1     {   float: left; margin: 0 50px 0 0; width: 160px; height: 50px; line-height: 50px; background: url(../images/background/logo.png) no-repeat 0 0; text-indent: -999em;    }
div.menu span.logo  {   float: right; width: 60px; height: 50px; display: block; background: url(../images/background/logo.png) no-repeat top right;    }

ul.menu         {   float: left; margin: 10px 0;    }
ul.menu li      {   margin: 0 15px; }

ul.menu li a:link,
ul.menu li a:visited,
ul.menu li a:active     {   text-indent: -999em; background-image: url(../images/background/menu_sprite.png); background-repeat: no-repeat;    }
ul.menu li a:hover      {}

ul.menu li a.home           {   width: 65px; background-position: 0 0;    }
ul.menu li a.home.active,
ul.menu li a.home:hover     {   background-position: -66px 0;    }

ul.menu li a.work           {   width: 95px; background-position: 0 -60px;  }
ul.menu li a.work.active,
ul.menu li a.work:hover     {   background-position: -97px -60px;    }

ul.menu li a.services       {   width: 115px; background-position: 0 -30px;  }
ul.menu li a.services.active,
ul.menu li a.services:hover {   background-position: -114px -30px;   }

ul.menu li a.contact        {   width: 100px; background-position: 0 -90px;  }
ul.menu li a.contact.active,
ul.menu li a.contact:hover  {   background-position: -106px -90px;   }

div.content.upper,
div.content.main    {   background-color: #fff; }


div.content.upper div.panels        {   border: 1px solid #ccc; border-top: none; padding-top: 11px;  }

div.content.upper div.panels div.panel.first div    {   padding-left: 20px; }
div.content.upper div.panels div.panel.last div     {   padding-right: 20px;    }
div.content.upper div.panels div.panel div          {}

div.content.upper div.panels div.panel              {   height: 170px; margin-bottom: 20px;  }
div.content.upper div.panels div.panel h2           {   }
div.content.upper div.panels div.panel p            {   margin: 0 0 10px;    }

div.content.upper div.panels div.panel p.float-parent   {   line-height: 26px;  }
div.content.upper div.panels div.panel p.float-parent a {   float: right;   }

div.content.upper div.projects.panels               {}

div.content.upper div.projects.panels ul.projects       {   list-style: none; overflow: auto; padding: 0 20px 10px; margin: 0;   }
div.content.upper div.projects.panels ul.projects li    {   float: left; width: 135px; height: 30px; line-height: 30px;    }

div.content.upper div.projects.panels ul.projects a     {   padding: 0 5px;    }
div.content.upper div.projects.panels ul.projects span  {   float: left; width: 16px; height: 30px; margin: 0;  }
div.content.upper div.projects.panels ul.projects img   {   width: 16px; height: 16px; margin: 7px 0;   }


div.content.upper div.directory.panels              {   padding: 10px 20px; }
div.content.upper div.directory.panels pre          {   line-height: 25px;  }

div.content.upper div.images.panels                 {   padding: 10px 20px; }
div.content.upper div.images.panels img             {   max-width: 850px;   }

div.content.main div.main.inner     {   padding: 10px 20px 20px; border: 1px solid #ccc;  }

div.footer div.copyright    {   width: auto;   }
div.footer div.copyright p  {   margin: 0; line-height: 50px; color: #999; font-size: 11px;   }

div.footer div.links        {   padding: 0 20px;    }

div.footer ul.links         {   height: 50px;   }
div.footer ul.links li      {   line-height: 50px; height: 50px; padding: 0 20px 0 0;    }

div.footer ul.links li a        {   color: #777;    }
div.footer ul.links li a:hover  {   color: #333;    }

div.footer div.logo         {   width: 60px; height: 50px; background: url(../images/background/logo.png) no-repeat top right;   }


/** sections **/

/* projects */

div.projects.display        {}

div.projects.display > hr   {   margin: 0 0;    }

div.projects.display > div.notice   {   clear: both;    }
div.projects.display > h2.title     {   float: left; height: 30px; line-height: 30px; margin: 0 0 10px;    }
div.projects.display > div.paginate {   float: right;   }

ul.projects     {   padding: 0 5px; }
ul.projects li  {}

ul.projects li.project      {   width: 45%; }
ul.projects li.website      {   width: 45%; }
ul.projects li.actions      {}

div.projects.summary        {   margin: 0 0 20px; position: relative; clear: both;   }

div.projects.summary.first  {}
div.projects.summary.last   {   margin: 0;  }

div.projects.summary p.tags         {}
div.projects.summary p.tags a       {   color: #c9c9c9; font-size: 12px;    }
div.projects.summary p.tags a:hover {   color: #999;    }

div.projects.summary div.details    {   width: 240px;   }
div.projects.summary div.image      {   width: 595px; border: 1px solid #e5e5e5; position: relative;    }

div.projects.summary div.details h3     {   height: 25px; line-height: 25px; font-size: 16px;    }
div.projects.summary div.details h3 img {   width: 16px; height: 16px;  }

div.projects.summary div.details h3 a       {   color: #565656; }
div.projects.summary div.details h3 a:hover {   color: #999;    }

div.projects.summary div.details p      {   margin: 0 0 10px; line-height: 18px; }

div.projects.summary div.image .overlay {   width: 205px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; position: absolute; top: 60px; left: 195px;     }
div.projects.summary div.image img      {   margin: 10px 10px 5px 10px;   }
div.projects.summary div.image a        {   display: block;  }
div.projects.summary div.image:hover,
div.projects.summary div.image a:hover  {   background-color: #e5e5e5;  }

div.projects.panel          {   margin: 20px 0 0;   }

div.projects.latest             {}

div.projects.latest.panel       {   margin: 0;  }

.latest div.projects.latest .content    {   width: 340px; margin: 10px 0; min-height: 127px; background-color: transparent; position: relative;    }

.latest div.projects.latest .content div.projects   {   width: 318px; height: 105px; padding: 10px; border: 1px solid #e5e5e5;  }

.latest div.projects.latest .content div.projects.first     {}
.latest div.projects.latest .content div.projects.hover_on  {   background-color: #e5e5e5;  }

.latest div.projects.latest a   {   display: block; width: 100%; height: 100%;  }
.latest div.projects.latest img {   width: 100%; height: 100%;    }


div.projects.manage     {}

.manage ul.projects     {}
.manage ul.projects li  {}

.manage ul.projects li.project      {   }
.manage ul.projects li.is_hidden    {   width: 5%;  }
.manage ul.projects li.website      {   width: 40%; }
.manage ul.projects li.actions      {}

.manage ul.projects li.is_hidden .icon  {   margin: 7px auto;   }


div.latest.work     {   margin: 0 0 10px;   }

/* services */

div.services.manage         {}

ul.services                 {   padding: 0 5px; }
ul.services li              {}

ul.services li.service      {   width: 85%; }
ul.services li.actions      {}


div.services.display        {}

div.services.summary        {   padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #f1f1f1;   }

div.services.summary div.details    {   width: 240px; text-align: right;    }
div.services.summary div.image      {   width: 595px; border: 1px solid #e5e5e5;  }

div.services.summary div.details h3     {   overflow: hidden;   }

div.services.summary div.image img      {   margin: 10px;   }
div.services.summary div.image:hover    {   background-color: #e5e5e5;  }


/* resources */

div.resources.display       {}

div.resources.panel         {   border-top: 1px solid #f1f1f1;   }

div.resources.panel .header     {}
div.resources.panel .content    {}

div.resources.panel .header h2      {}
div.resources.panel .header span.actions    {   padding: 0 10px; font-size: 12px;    }
div.resources.panel .header span.actions a  {   padding: 0 10px;    }

div.resources.panel .content p          {}
div.resources.panel .content pre        {   margin: 0 20px 20px; background-color: #f5f5f5; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */  }
div.resources.panel .content pre code   {   display: block; padding: 10px;   }

div.resources.item .header h2   {   font-size: 16px;    }

div.resources.manage        {}

ul.resources                {   padding: 0 5px; }
ul.resources li             {}

ul.resources li.resource    {   width: 35%; }
ul.resources li.tags        {   width: 55%; }
ul.resources li.actions     {   }


div.resources.latest        {}

.latest ul.resources        {}
.latest ul.resources li     {}

.latest ul.resources li.resource    {   width: 45%; }
.latest ul.resources li.tags        {}


/* news */
div.news.display       {}

div.news.item      {    padding: 0 0 10px; margin: 0 0 20px;   }

div.news.item h2   {   padding: 0; margin: 0;   }

div.news.item span.comments,
div.news.item span.date     {   padding: 0 0 0 20px; font-size: 11px;    }
div.news.item span.tags     {   font-size: 12px;    }

div.news.item div.header    {   margin: 0 0 10px; line-height: 30px; border-bottom: 1px solid #e5e5e5; overflow: hidden;   }

div.news.item div.content   {   min-height: 80px; overflow: auto;   }
div.news.item div.details   {   height: 25px; line-height: 25px;    }


div.news.item.lone      {   padding: 0; margin: 0;  }

div.news.latest        {}

div.news.manage        {}

.manage ul.news        {   padding: 0 5px; }
.manage ul.news li     {}

.manage ul.news li.title       {   width: 50%; }
.manage ul.news li.date        {   width: 30%; text-align:center;  }
.manage ul.news li.published   {}
.manage ul.news li.actions     {}

.manage ul.news li.published .icon {   margin: 7px;    }


/* comments */
div.comments.display    {   padding: 0 0 15px;  }

div.comments.panel      {   margin: 0 0 10px;   }

div.comments.panel .header  {}
div.comments.panel .content {   padding: 0; }

div.comments.panel .content p.author    {   padding: 0 10px; margin: 0; height: 30px; line-height: 30px; color: #999; font-style: italic; background-color: #f8f8f8;  }
div.comments.panel .content div.comment {   padding: 5px 10px; line-height: 18px; min-height: 40px; border: 1px solid #f8f8f8; border-bottom: none;    }
div.comments.panel .content div.actions {   padding: 5px; background: url(../images/trans-black-50.png) repeat;   }


div.comments.manage     {}

.manage ul.comments     {   padding: 0 5px; }
.manage ul.comments li  {}

.manage ul.comments li.user     {   width: 35%; }
.manage ul.comments li.user.ip  {   width: 25%; }
.manage ul.comments li.is       {   width: 8%;  }
.manage ul.comments li.date     {   width: 22%; text-align: center; }
.manage ul.comments li.actions  {}

.manage ul.comments li.is .icon {   margin: 7px auto;   }

/* pages */

div.pages.display   {}

ul.pages            {   padding: 0 5px; }
ul.pages li         {}

ul.pages li.page    {   width: 50%; }
ul.pages li.url     {   width: 30%; }
ul.pages li.visible {   width: 5%; }
ul.pages li.actions {}

div.page.panels             {}

div.page.panels div.panel   {}

div.page.panels div.panel.float-left    {   width: 500px;   }
div.page.panels div.panel.float-right   {   width: 340px;   }


/* panels */

div.panels.display  {}

ul.panels           {   padding: 0 5px; }
ul.panels li        {}

ul.panels li.project    {   width: 30%; }
ul.panels li.url        {   width: 30%; }
ul.panels li.title      {   width: 30%; }
ul.panels li.actions    {}

/** misc **/

/* */

.dialog         {}

.dialog.content {   display: none;  }


/* breadcrumbs */

div.breadcrumbs         {   padding: 0; margin: 0 0 20px;   }

ul.breadcrumbs          {   padding: 0;    }
ul.breadcrumbs li       {   padding: 0 20px 0 30px; background: url(../images/breadcrumb.png) no-repeat 7px 7px;    }

ul.breadcrumbs li a:link,
ul.breadcrumbs li a:visited,
ul.breadcrumbs li a:active  {   display: inline; padding: 0;    }
ul.breadcrumbs li a:hover   {}


/* pagination */

div.paginate            {   height: 30px; padding: 0; margin: 0 0 10px;    }

ul.paginate             {}
ul.paginate li          {   width: 30px; text-align: center; margin: 0 5px 0 0;    }

ul.paginate li a:link,
ul.paginate li a:visited,
ul.paginate li a:active {   padding: 0; }

ul.paginate li.active,
ul.paginate li.active a,
ul.paginate li a:hover ,


/* cpanel */

div.control.panel   {}

ul.cpanel           {   padding: 0 5px; }
ul.cpanel li        {}

ul.cpanel li.section    {   width: 30%; }
ul.cpanel li.count      {   width: 10%; text-align: center; }
ul.cpanel li.link       {   width: 30%; text-align: center; }


/* autocomplete */

.ac_results         {   border: 1px solid #333; border-top: none; background-color: #fff; }

.ac_results ul      {   list-style: none; margin: 0; padding: 1px 0;   }
.ac_results ul li   {   float: left; height: 30px; line-height: 30px; margin: 1px 2px; padding: 0 10px;   }

.ac_results strong      {   color: #6299c5;    }

.ac_results .ac_even    {}
.ac_results .ac_odd     {}
.ac_results .ac_over    {   background-color: #f1f1f1;  }

/* site data */
#site_data      {   display: none;  }
#site_data a    {   font-size: 0;   }

/*
/* ICON SPRITE
/**/

.icon-load  {   width: 30px; height: 30px; display: block; margin: 0 auto; background: url(../images/loading.gif) repeat 0 0;   }

a.icon,
span.icon   {   width: 16px; height: 16px; display: block; background-image: url(../images/background/icon_sprite.png); background-repeat: no-repeat; text-indent: -9999em;    }

.icon.icon-a-pixaweb { background-position: 0 0;  }
.icon.icon-bugs-create { background-position: 0 -17px;  }
.icon.icon-bugs-delete { background-position: 0 -34px;  }
.icon.icon-bugs-modify { background-position: 0 -51px;  }
.icon.icon-bugs { background-position: 0 -68px;  }
.icon.icon-comment { background-position: 0 -85px;  }
.icon.icon-comments-create { background-position: 0 -102px;  }
.icon.icon-comments-delete { background-position: 0 -119px;  }
.icon.icon-comments-modify { background-position: 0 -136px;  }
.icon.icon-comments { background-position: 0 -153px;  }
.icon.icon-control-panel { background-position: 0 -170px;  }
.icon.icon-delete,
.icon.icon-error,
.icon.icon-disabled { background-position: 0 -187px;  }
.icon.icon-ok,
.icon.icon-enabled { background-position: 0 -204px;  }
.icon.icon-image-create { background-position: 0 -221px;  }
.icon.icon-image-delete { background-position: 0 -238px;  }
.icon.icon-image-modify { background-position: 0 -255px;  }
.icon.icon-images { background-position: 0 -272px;  }
.icon.icon-modify { background-position: 0 -289px;  }
.icon.icon-news-create { background-position: 0 -306px;  }
.icon.icon-news-delete { background-position: 0 -323px;  }
.icon.icon-news-modify { background-position: 0 -340px;  }
.icon.icon-news { background-position: 0 -357px;  }
.icon.icon-offline { background-position: 0 -374px;  }
.icon.icon-online { background-position: 0 -391px;  }
.icon.icon-pages-create { background-position: 0 -408px;  }
.icon.icon-pages-delete { background-position: 0 -425px;  }
.icon.icon-pages-modify { background-position: 0 -442px;  }
.icon.icon-pages { background-position: 0 -459px;  }
.icon.icon-projects-create { background-position: 0 -476px;  }
.icon.icon-projects-delete { background-position: 0 -493px;  }
.icon.icon-projects-modify { background-position: 0 -510px;  }
.icon.icon-projects { background-position: 0 -527px;  }
.icon.icon-resources-create { background-position: 0 -544px;  }
.icon.icon-resources-delete { background-position: 0 -561px;  }
.icon.icon-resources-download { background-position: 0 -578px;  }
.icon.icon-resources-modify { background-position: 0 -595px;  }
.icon.icon-resources-view { background-position: 0 -612px;  }
.icon.icon-resources { background-position: 0 -629px;  }
.icon.icon-rss { background-position: 0 -646px;  }
.icon.icon-search { background-position: 0 -663px;  }
.icon.icon-settings { background-position: 0 -680px;  }
.icon.icon-sponsors-create { background-position: 0 -697px;  }
.icon.icon-sponsors-delete { background-position: 0 -714px;  }
.icon.icon-sponsors-modify { background-position: 0 -731px;  }
.icon.icon-sponsors { background-position: 0 -748px;  }
.icon.icon-stack { background-position: 0 -765px;  }
.icon.icon-upload { background-position: 0 -782px;  }


/* syntax highlight - google prettify */
.str,.atv{color:#080}
.kwd,.tag{color:#008}
.com{color:#800}
.typ,.atn,.dec{color:#606}
.lit{color:#066}
.pun{color:#660}
.pln{color:#000}
pre.prettyprint{padding:2px;border:1px solid #888}
@media print{
    .str{color:#060}
    .kwd,.tag{color:#006;font-weight:bold}
    .com{color:#600;font-style:italic}
    .typ{font-weight:bold}
    .lit{color:#044}
    .pun{color:#440}
    .atn,.typ{color:#404}
    .atv{color:#060}
}