/* ------------------------ */
/* CSS Document             */
/* Coded by Steven Parish   */
/* steve@freshervisions.com */
/* www.freshervisions.com   */
/* ------------------------ */

/* GLOBAL PROPERTIES */

BODY  {
  font-family: arial;
  background: rgb(134,175,54);
  font-size: 12px;
	color: #3f3f3f;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
} 

a { text-decoration: none; color: #5c7bd2;}

a:hover{ text-decoration: underline; color: #5c7bd2;}

h1 {color: #fff; font-family: Arial; margin-bottom: 0px; margin-top: 0px; font-size: 26px; font-weight: normal;}

h2 { color: #595656;  font-family: Arial; margin-bottom: 0px; font-size: 18px; }

h3 {
color: #5c7bd2; 
font-family: Arial;
margin-bottom: 0px;
font-size: 16px; 
}

h4 {
color: #595656; 
font-family: Arial;
margin-bottom: 0px;
font-size: 14px; 
}

form {margin: 0px;display: inline;}
input[type="checkbox"], input[type="radio"]{ border: 0 !important;}
img {border:0;}
.hr{background-color: rgb(112,188,228); height: 2px; border: none; margin-bottom: 20px;}
.clear {clear: both;}
.pageBreak {page-break-after: always;}
.aLeft {text-align: left;}

/* CONTAINERS */



/* HEADER */

#head {
  background-color: rgb(48,123,217);
}
#logo {
  height: 25px;
  text-align: right;
  padding: 5px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 13pt;
  color: white;
  background-color: rgb(48,123,217);
}


/* BREAD CRUMB */

#breadcrumb {
  height: 15px;
  border-bottom: 1px solid rgb(134,175,54);
  text-align: left;
  font-size: 12px;
  padding-top: 7px;
  padding-left: 15px;
  color: rgb(69,124,51);
}
#breadcrumb a{
  color: rgb(240,255,240);
}
.bc-block {
  width: auto;
  display: inline;
  padding: 2px;
}


/* NAV MENU */

#nav {display:block; height: 45px; font-size:13pt; line-height:normal;}
#nav ul {margin:0px; margin-left:20px; padding:0px; list-style:none;}
#nav li {float:left; margin:0px; margin-left:5px;}
#nav a {display:block; height:30px; margin:0; padding:15px; padding-bottom: 0px; text-decoration:none; color: rgb(207,230,247); }
#nav ul li a:hover {background-color: rgb(58,133,227);}
#nav ul li.navOn {background: rgb(58,133,227);}
#nav ul li.navOn a {background: rgb(58,133,227); color: rgb(207,230,247);}
#nav ul li a.Tools {padding-left: 35px; background-image: url('images/spanner_32.png'); background-repeat: no-repeat; background-position: left center;}
#nav ul li a.Content {padding-left: 35px; background-image: url('images/content_32.png'); background-repeat: no-repeat; background-position: left center;}
#nav ul li a.Design {padding-left: 35px; background-image: url('images/lightbulb_32.png'); background-repeat: no-repeat; background-position: left center;}
#nav ul li a.Preferences {padding-left: 35px; background-image: url('images/mouse_32.png'); background-repeat: no-repeat; background-position: left center;}
#nav ul li a.Modules {padding-left: 35px; background-image: url('images/app_32.png'); background-repeat: no-repeat; background-position: left center;}

#subnav {display:block; width:100%; height: 35px; font-size:11pt; background: url(images/snavbg.gif); line-height:normal; border-bottom: 1px solid rgb(93,127,110);}
#subnav ul {margin:0px; margin-left:20px; padding: 0px; list-style:none;}
#subnav li {float:left; margin:0px; margin-left:5px;}
#subnav a {display:block; margin:0; padding:8px; padding-left: 10px; padding-right: 10px; height:19px; text-decoration:none; color: white; }
#subnav ul li a:hover {background: url(images/snavbg2.gif);}
#subnav ul li.navOn a {background: url(images/snavbg2.gif);}

#navonright li{float:right; margin-right: 25px;}
  



/* CONTENT */
.actionbar {width: 100%;}
.actionb {background: #ffffff; text-align: center; width: 70px; float: right; margin-left: 5px;}
.actionb a {text-align: center; display: block; padding: 0px; border: 1px solid rgb(230,230,230);}
.actionb a:hover{border: 1px solid rgb(112,188,228); text-decoration: none;}
.actionb-save {background-image: url(images/save_32.png); background-position: center; background-repeat: no-repeat; display: block; height: 40px; cursor: pointer;}
.actionb-cancel {background-image: url(images/cancel_32.png); background-position: center; background-repeat: no-repeat; display: block; height: 40px; cursor: pointer;}
.actionb-new {background-image: url(images/add_32.png); background-position: center; background-repeat: no-repeat; display: block; height: 40px; cursor: pointer;}
.actionb-back {background-image: url(images/arrow_left_32.png); background-position: center; background-repeat: no-repeat; display: block; height: 40px; cursor: pointer;}

.controls-area {background: #d9e6ef; border-top: 2px solid rgb(112,188,228); text-align: left; padding: 5px; width: 100%;}

.controls-area td{padding: 3px; vertical-align: middle;}
.controls-area input{padding: 3px; border: 1px solid rgb(127,157,185);}
.controls-area .submit{padding: 2px; width: auto; overflow:visible;}
.controls-area select{padding: 3px; border: 1px solid rgb(127,157,185);}
.controls-area textarea{padding: 3px; border: 1px solid rgb(127,157,185);}
.controls-area input:hover{border: 1px solid rgb(112,188,228);}
.controls-area select:hover{border: 1px solid rgb(112,188,228);}
.controls-area textarea:hover{border: 1px solid rgb(112,188,228);}

.button_next input {padding: 3px; padding-left: 35px; background: url(images/arrow_right_green_24.png) no-repeat; background-position: left center; background-color: rgb(242,242,242); border: 1px solid rgb(127,157,185);}
.button_next input:hover {border: 1px solid rgb(112,188,228);}


#content-holder {
  padding: 25px;
}

#content-heading1 {
  background-image: url('images/heading-bg02.gif');
  background-repeat: repeat-x;
  height: 73px;
}

#content-heading2 {
  background-image: url('images/heading-bg01.gif');
  background-repeat: no-repeat;
  width: 550px;
  height: 43px;
  float: left;
  padding: 15px;
}

#content-heading3 {
  background-image: url('images/heading-bg03.gif');
  width: 15px;
  height: 73px;
  float: right;
}

#content-case {
  padding: 15px;
  padding-top: 10px;
  background-color: #95c23f;
  text-align: left;
  border: 1px solid #a3cc4a;
}

#content {
  padding: 10px;
  background-color: #ffffff;
  text-align: left;
}


#content a {
  color:#5c7bd2;
  text-decoration:none;
} 

#content h1 {
  color: #5c7bd2; 
  font-family: Arial;
  margin-bottom: 0px;
  font-size: 22px; 
}

.sureDelete {
  display: none;
  text-align: center;
}


/* FOOTER */

#footer {
text-align: right;
height: 40px;
font-size: 12px;
border-top: 1px solid rgb(84,160,61);
padding: 20px; 
}

#footer a {
color: rgb(70,70,70);
}

#footer a:hover  {
text-decoration: underline; 
}






/* ADMIN */

.sTable {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}

.sTable thead tr, .sTable tfoot tr {
  background-image: url(images/table-head.gif);
  height: 20px;
  cursor: pointer;
}

.sTable tr th{
    border-right: 1px solid rgb(74,143,221);
    padding-left: 4px;
}


.sTable .header span{
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	float: right;
	width: 20px;
	height: 14px;
}

.sTable tbody tr {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
}
.sTable td {
	height: 24px;
}
.sTable tbody tr.odd {
	background-color:#F0F0F6;
}
.sTable tbody tr.even {
	background-color:rgb(250,250,250);
}
.sTable tbody tr:hover {
	background-color: rgb(217,230,239);
}

.sTable thead tr .headerSortUp span {
	background-image: url(images/asc.gif);
}
.sTable thead tr .headerSortDown span {
	background-image: url(images/desc.gif);
}
.sTable thead tr .headerSortDown, .sTable thead tr .headerSortUp {
  color: white;
}

.sTable .data {
    display: none;
}





#tables {
  border-collapse: collapse;
  width: 100%;
}

#tablerow-1 {
  background: #f6f6f8;
}

#tablerow-1:hover {
  background: rgb(112,188,228);
}

#tablerow-2 {
  background: #f0f0f1;
}

#tablerow-2:hover {
  background: rgb(112,188,228);
}

#tablerow-1b {
  background: #f9f9f9;
}

#tablerow-1b:hover {
  background: rgb(112,188,228);
}

#tablerow-2b {
  background: #f3f3f3;
}

#tablerow-2b:hover {
  background: rgb(112,188,228);
}

#table-cell-1 {
  border-collapse: collapse;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding-left: 10px;
  padding-right: 10px;
}

#table-cell-2 {
  border-collapse: collapse;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding-left: 10px;
  padding-right: 10px;
}



#tables_head {
  height: 10px;
  background-image: url('images/table-head.gif');
  color: #ffffff;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}


#notice {
  background-color: #f6f6f8;
  background-image: url(images/blue_speech_bubble_48.png);
  background-repeat: no-repeat; 
  background-position: left center;
  border: 1px solid rgb(5,66,155);
  padding: 10px;
  padding-left: 60px;
  margin-bottom: 12px
}

#warning {
  background-color: rgb(255,224,224);
  background-image: url(images/warning_48.png);
  background-repeat: no-repeat; 
  background-position: left center;
  border: 1px solid rgb(233,88,76);
  padding: 10px;
  padding-left: 60px;
  margin-bottom: 12px;
}

#border {
  border: 1px solid #e6e7e9;
  padding: 10px;
}
.border {
  border: 1px solid #e6e7e9;
  padding: 10px;
  background-color: rgb(252,252,255);
}

.smalltext {
  font-size: 10px;
}

/*  ----------------------------------------------------- */

.inok {border: 1px solid rgb(127,157,185);}
.inbad {border: 1px solid rgb(255,51,0);}

/* ARTICLES -------------------------------------------------------------------- */

    #art_title        {color: #3599d7; font-family: Arial; font-size: 16px; font-weight: bold; }
    #art_title_big    {color: #3599d7; font-family: Arial; font-size: 26px; font-weight: bold; }
    #art_date         {font-family: Arial; font-size: 10px;}  
    #art_content      {font-family: arial; font-size: 13px; background-color: #ffffff; padding: 20px; padding-left: 120px; padding-right: 120px; text-align: justify; vertical-align: top; }  
    #art_date         {font-family: Arial; font-size: 10px;}  
    #comment01        {background-color: rgb(247,247,247); padding: 20px; border: 1px solid rgb(207,207,207)}
    #comment02        {background-color: rgb(242,242,242); padding: 20px; border: 1px solid rgb(207,207,207)}
    #comment01:hover,
    #comment02:hover  {background-color: rgb(226,238,252); padding: 20px; border: 1px solid rgb(60,138,224)}
    #com_author       {color: #3599d7; font-family: Arial; margin-bottom: 0px; font-size: 15px; font-weight: bold; }
    #com_subject      {color: #595656; font-family: Arial; margin-bottom: 0px; font-size: 12px; font-weight: bold; }
    #com_date         {font-family: Arial; font-size: 10px;}
    #com_post_table   {text-align: left; }
    #com_post_box     {text-align: left; display:none;}
    
/* ----------------------------------------------------------------------------- */

/* Tab menu -------------------------------------------------------------------- */
     
    
#tabs {      width: 100%;        height: 35px;        font-size: 93%;        line-height: normal;        }
#tabs ul {        margin: 0;          padding: 12px 10px 0 10px;          list-style: none;        }
#tabs li {      display: inline;        margin: 0;        padding: 0;        }
#tabs a {      float: left;        background: url("images/tableft.gif") no-repeat left top;        margin: 0;        padding: 0 0 0 4px;        text-decoration: none;        }
#tabs a span {      float: left;        display: block;        background: url("images/tabright.gif") no-repeat right top;        padding: 5px 15px 4px 6px;        color: #666;        }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float: none; }

/* End IE5-Mac hack */
#tabs a:hover {      background-position: 0% -42px;       }

#tabs a:hover span {      background-position: 100% -42px;       }

#tabs #current a {                background-position: 0% -42px;         }

#tabs #current a span {                background-position: 100% -42px;         }

#control-menu3 {
      width:100%;
      height: 35px;
      font-size:93%;
      line-height:normal;
      padding: 5px;
      }
#control-menu3 ul {
        margin:0;
        padding:10px 10px 0 10px;
        list-style:none;
      }
#control-menu3 li {
      display:inline;
      margin:0;
      padding:0;
      }
#control-menu3 a {
      float: left;
      padding: 4px;
      margin-right: 3px;
      border-width: 1px;
      border-color: rgb(112,188,228);
      border-style: solid;
      color: #333;
      text-decoration: none;
      background: rgb(255,255,255);
      }
      
/* ----------------------------------------------------------------------------  */

#dhtmltooltip{position: absolute;left: -300px;width: 160px;font-size: 10px;padding: 5px; background-color: white; border: 1px solid rgb(51,128,180); border-left: 5px solid rgb(51,128,180); visibility: hidden;z-index: 100;}
#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;display: none;}





/* pane-sliders  */
.pane-sliders .title {
	margin: 0;
	padding: 2px;
	color: #666;
	cursor: pointer;
}

.pane-sliders .panel   { border: 1px solid rgb(112,188,228); margin-bottom: 0px;}
.pane-sliders .panel h4 { background: rgb(230,233,245); color: #666;}

.slider_toggler span      { background: transparent url(images/j_arrow.png) 5px 50% no-repeat; padding-left: 20px;}
.slider_toggler-down span { background: transparent url(images/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px; }

.slider_content { border-top: 1px solid rgb(112,188,228); padding: 5px;}



/* admin home ------------------------------------------------------------------  */

#ifeed1 {font-size: 24px;}
#ifeed2 {font-size: 20px;}
#ifeed3 {font-size: 18px;}
#ifeed4 {font-size: 16px;}
#ifeed5 {font-size: 14px;}
.ifeed_note {margin-bottom: 8px; padding: 2px; border-bottom: 1px dotted #eeeeee;}
.ifeed_date {font-size: 14px;}