/**********************************
 * TITLE: Gila Screen Stylesheet  * 
 * URI  : gila/gila-screen.css    *
 * MODIF: 2003-Apr-30 19:09 +0800 *
 **********************************/


/* ##### Common Styles ##### */

body {
  color: #333;
	background: url('/images/navigation-bg.gif') 0 77px repeat-x;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;  /* Enables font size scaling in MSIE */
  margin: 0;
  border: 1px solid #f1f1f1;
  padding: 0;
}

html > body {
  font-size: 11px;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);
  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}


/* ##### Header ##### */

  #header {
   height: 75px;
  border-bottom: 0px solid #ACC4CA;
  background-color: #DDE7E9;
  background-image: url(/recycle/images/topleft1.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  }

.headerTitle {
  margin: 0;
  padding: 1.25em 4mm 0.25em 4mm;
  background-image: url(/recycle//images/topleft1.gif);
    background-repeat: no-repeat;
  background-position: left center;
}

.headerTitle a {
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-size: 110%;  /* For MSIE */
  font-weight: bold;
  font-style: italic;
}

.headerTitle > a {
  font-size: 138%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
  color: white;
  background-color: transparent;
  font-weight: normal;
}

.subHeader {
  color: white;
  background-color: black;
  font-size: 109%;
  text-align: left;
  margin: 0;
  padding: 0.5ex 0;
}

.subHeader a {
  color: white;
  background-color: black;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

.subHeader a:hover {
  color: black;
  background-color: white;
}


.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 11px verdana;
width: 100%;
overflow: hidden;
margin-top: 0em;
margin-bottom: 1em;
border: 0px solid #625e00;
border-width: 1px 0;
background: black url(/recycle/images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #fff;
background: transparent url(/recycle/images/blockcolor.gif) center center repeat-x;
}


/* ##### Left Side Bar ##### */

.leftSideBar {
  width: 170px;
  float: left;
  clear: left;
  margin: 0;
  
}

.leftSideBar .sideBarTitle {
  color: #fff;
  background: black url(/recycle/images/menu-bg-blue.jpg) center center repeat-x;
  font-weight: bold;
  margin: 0;
  padding: 0.8ex 1ex;
}

.leftSideBar ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.leftSideBar ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/

}

.leftSideBar ul li a{
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: none;
color: #666;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 22px; /*link text is indented 8px*/
text-decoration: none;
background: #F0F5FF url(/recycle/images/left11.gif) no-repeat 4px 8px;
}

.leftSideBar ul li a:visited{
color: #333;
}

.leftSideBar ul li a:hover{ /*hover state CSS*/
color: #333;
background: #CAE2F7 url(/recycle/images/left11.gif) no-repeat 6px 8px;
}



.leftSideBar .sideBarText {
  color: rgb(166,140,83);
  background-color: transparent;
  line-height: 1.25em;
  margin: 1ex 0.25ex 1.5em 0.75ex;
  padding: 0;
  display: block;
}

.leftSideBar .sideBarText a {
  text-decoration: underline;
}

.leftSideBar .sideBarText a:hover {
  text-decoration: none;
}

.leftSideBar .thisPage {
  color: rgb(64,64,64);
  background-color: transparent;
  font-weight: bold;
}


/* ##### Right Side Bar ##### */

.rightSideBar {
  width: 16em;
  margin: 2ex 0.75ex 0 0;
  padding: 0;
  float: right;
  clear: right;
  border: 1px solid rgb(216,210,195);
}

[class~="rightSideBar"] {
  margin-right: 1.5ex;
}

.rightSideBar .sideBarTitle {
  color: black;
  background-color: rgb(230,223,207);
  font-weight: bold;
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
}

.rightSideBar a {
  color: #444;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.rightSideBar a:hover {
  text-decoration: underline;
color: #FF6600;
}

.rightSideBar .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 2ex 1em 2ex;
}

.rightSideBar .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  padding: 0 2ex 1em 2ex;
  display: block;
}

.rightSideBar .more:hover {
  text-decoration: underline;
}

.rightSideBar ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.rightSideBar ul li{
padding-bottom: 5px; /*bottom spacing between menu items*/
padding-top: 5px;
border-bottom: 1px dotted #c4c4c4;
}





/* ##### Main Copy ##### */

#main-copy {
  color: #333;
  background-color: #fff;
  text-align: justify;
  line-height: 1.4em;
  margin: 1.4em 0 0 19.5em;
  padding: 0 18em 1em 1em;
 
 
}

#main-copy h1 {
  color: #111;
  background-color: transparent;
  font-family: verdana, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  margin: 0 0 0.8em 0;
  padding: 1.1em 0 0 0;
  border-bottom: 1px dotted rgb(216,210,195);
}

#main-copy a {
  color: #444;
  background-color: transparent;
  text-decoration: none;
}

#main-copy a:hover {
  text-decoration: underline;
color: #FF6600;

}

p {
  margin: 0.5em 0 5.5em 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}


/* ##### Footer ##### */

#footer {
  color: #fff;
  background-color: #494949;
  font-size: 11px;
  text-align: left;
  line-height: 1.25em;
  margin: 0;
  margin-top: 0px;
  padding: 1em 4mm 1em 4mm;
  clear: both;
  border: 0px solid #2E2E2E;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a {
  color: ##fff;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

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



.borderlinks a{
display: block;
width: 173px;
color: black;
text-decoration: none;
border: 1px solid white;
padding: 5px 5px;
}

.borderlinks a:hover{
border: 1px solid black;
background-color: lightyellow;

}


.roundcont {
	width: 100%;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(/recycle/images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(/recycle/images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

.khits {
float: right;
background-color: #f5f5f5;
padding: 5px;
border: 1px solid #d6d6d6;
margin-top: 10px;
margin-right: 5px;
}

.headline {
color: #444;
background-color: #F6F3ED;
border: #d4d4d4 1px solid;
padding: 3px;
padding-left: 2px;
font-weight: bold;
}

.head_td {
padding: 5px;
width: 70%;
}

.progress{
	width: 1px;
	height: 18px;
	color: white;
	font-size: 11px;
	font-weight: bold;
    overflow: hidden;
	background-color: #FB9F24;
	padding-left: 1px;
	color: #333;
}

FORM#contact FIELDSET {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN-TOP: 20px; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
FORM#contact FIELDSET INPUT {
	BORDER-BOTTOM: #bbb 1px solid; BORDER-LEFT: #bbb 1px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT: 1em Verdana, sans-serif; BACKGROUND: #f8f8f8; COLOR: #666; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; PADDING-TOP: 4px
}
FORM#contact FIELDSET TEXTAREA {
	BORDER-BOTTOM: #bbb 1px solid; BORDER-LEFT: #bbb 1px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT: 1em Verdana, sans-serif; BACKGROUND: #f8f8f8; COLOR: #666; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; PADDING-TOP: 4px
}
FORM#contact FIELDSET INPUT {
	PADDING-LEFT: 26px; WIDTH: 250px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 5px 50%
}

FORM#contact FIELDSET SELECT {
	PADDING-LEFT: 26px; WIDTH: 280px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 5px 50%
}

FORM#contact FIELDSET INPUT.email {
	BACKGROUND-IMAGE: url(/recycle/images/email.png)
}

FORM#contact FIELDSET INPUT.name {
	BACKGROUND-IMAGE: url(/recycle/images/page_2.png)
}

FORM#contact FIELDSET INPUT.url {
	BACKGROUND-IMAGE: url(/recycle/images/monitor.png)
}

FORM#contact FIELDSET INPUT.sogeord {
	BACKGROUND-IMAGE: url(/recycle/images/magnifier_zoom_in.png)
}



FORM#contact FIELDSET .inputShadow {
	PADDING-BOTTOM: 9px; }
FORM#contact FIELDSET INPUT:focus {
	BORDER-BOTTOM: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 26px; PADDING-RIGHT: 3px; BACKGROUND-POSITION: 4px 50%; BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 2px solid; PADDING-TOP: 3px
}
FORM#contact FIELDSET TEXTAREA:focus {
	BORDER-BOTTOM: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 26px; PADDING-RIGHT: 3px; BACKGROUND-POSITION: 4px 50%; BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 2px solid; PADDING-TOP: 3px
}
FORM#contact FIELDSET TEXTAREA:focus {
	PADDING-LEFT: 3px
}
FORM#contact FIELDSET LABEL {
	PADDING-BOTTOM: 3px; font-weight: bold; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #333; PADDING-TOP: 10px
}
FORM#contact FIELDSET TEXTAREA {
	WIDTH: 435px; OVERFLOW: auto
}
FORM#contact FIELDSET BUTTON {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #62bb03; COLOR: #fff; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px; PADDING-TOP: 6px; text-shadow: #444 1px 1px 1px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px
}
FORM#contact FIELDSET BUTTON:hover {
	COLOR: #eee
}

.button2 {
	background:#F7CA31;
	margin:8px 0;
	padding:2px 10px !important;
	font:12px/18px Tahoma, Verdana, Arial, FreeSans, Helvetica, sans-serif;
	padding:2px 0;
	color:#444;
	font-weight:bold;
	border: 1px dotted #325669;
	outline:none;
	cursor:pointer;
}

.pagination{
padding: 0px;
}

.pagination ul{
margin-right: 0px;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font: 11px Verdana, Arial, Sans-serif;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
margin-right: 10px;
}

.pagination a {
padding: 0 5px;
border: 2px solid #92bfe0;
text-decoration: none; 
color: #248ba2;
}


.pagination a:hover {
border: 2px solid #666;
color: #333;
padding: 0 5px;
background-color: blue;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: red;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding: 10px; margin-left:20px; width:350px;}
a.tooltip:hover span{display:inline; position:absolute; background:#f5f5f5; border:1px solid #b2b2b2; color:#666;}

.headbox {
background-color: #eceff5;padding:12px;margin-bottom:40px;border: 1px solid #cccccc;
}

.lister ul{
	margin-right: 0px;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font: 11px Verdana, Arial, Sans-serif;
				}

.lister li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
margin-right: 0px;
}
					
						.lister li a{
							color: #222;
							font-weight: normal;
							text-decoration: none;
							text-transform: none;
							
						}
							.lister li a:hover{
							color: #222;
							text-decoration: underline;
												
													}


													#searchform div {
    /* This div will have the left image as a background */
    background: url(/recycle/images/search1.gif) no-repeat left top;
    padding: 0 10px;
    margin: 0;
    line-height: 1;
}
#searchform #search {
    /* Im going to apply a top and bottom border to this input so that it fits with my images and give it the gradient background */
    border-top:2px solid #999;
    border-bottom:2px solid #999;
    border-left:0;
    border-right:0;
    background: #fff url(/recycle/images/search2.gif) repeat-x top;
    padding: 3px 2px 2px 0;
    height: 15px;
}
#searchform input {
    /* Some reset styles to make my form elements play nice */
    vertical-align: top;
    margin: 0 !important;
    line-height: 1;
    outline:0 !important;
}

.b_orders {
border-bottom: 1px dotted #b4b4b4;
padding-bottom: 6px;
padding-top: 6px;
}


#block {
	BORDER-BOTTOM: #eee 10px solid; BORDER-LEFT: #eee 10px solid; MARGIN: 15px auto 0px; PADDING-LEFT: 5px; WIDTH: 285px; PADDING-RIGHT: 5px; CLEAR: both; OVERFLOW: hidden; BORDER-TOP: #eee 10px solid; BORDER-RIGHT: #eee 10px solid
}
.h {
	BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 10px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; FONT: 1.41em Fontin, Georgia, "Times New Roman", Times, serif; LETTER-SPACING: 1px; COLOR: #666; PADDING-TOP: 13px
}
.htabs {
	OVERFLOW: hidden
}
.htabs H2 A {
	PADDING-BOTTOM: 7px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; FONT-FAMILY: "museo 700", "goodpro-widelight"; COLOR: #d00; FONT-SIZE: 0.91em; FONT-WEIGHT: bold; PADDING-TOP: 7px
}
.htabs H2 A:hover {
	COLOR: #000
}
.htabs LI {
	PADDING-BOTTOM: 0px; MARGIN-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 2px; FLOAT: left; OVERFLOW: hidden; PADDING-TOP: 3px
}
.tabs .bullet {
	TEXT-ALIGN: right; MARGIN: 0px 4px 4px 0px; WIDTH: 10px; PADDING-RIGHT: 4px; DISPLAY: block; FONT: bold 1em Georgia, "Times New Roman", Times, serif; FLOAT: left; HEIGHT: 17px; COLOR: #d00; CLEAR: right; OVERFLOW: hidden; BORDER-RIGHT: #e00 1px solid
}
.bmod .bullet {
	PADDING-BOTTOM: 8px; BACKGROUND-COLOR: #fff; MARGIN: -9px 6px 0px -10px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; PADDING-TOP: 8px
}
.tabs {
	MARGIN-TOP: 2px; OVERFLOW: hidden
}
.tabs LI {
	PADDING-BOTTOM: 9px; BACKGROUND-COLOR: #eeeeee; MARGIN: 4px 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; FONT-FAMILY: "NuvoOT-medi"; CLEAR: both; PADDING-TOP: 9px
}
.tabs LI A:hover {
	PADDING-LEFT: 1px
}


#main-copy .paging {margin-bottom: 100px}

#main-copy .paging a {float:left; background:url(/recycle/images/paging-anchor.png) no-repeat top left; text-align:center; display:block; height:23px; width:22px; margin-right:10px; font-size:11px; color:#545454; line-height:22px; text-decoration: none; font-weight:bold }

#main-copy .paging a:hover, span.selected {background:url(/recycle/images/paging-anchor.png) no-repeat bottom left; font-weight: bold; text-decoration:none; color:#fff;}

#main-copy .paging span.selected {float:left; font-weight:bold;text-align:center; display:block; height:23px; width:22px; margin-right:10px; font-size:11px;color:#fff; line-height:22px;}


table.stats 
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 100%;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td 
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.stats td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 11px;

font-weight: bold;} 

table.stats td.helpHed
{ 
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #444; 
}


.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(/recycle/images/menu-bg-orange.jpg) center center repeat-x;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(/recycle/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}



.urbangreymenu{
float: left;
width: 195px;
padding: 3px 15px;
margin-bottom: 60px;
margin-top: 8px;



}

.urbangreymenu .headerbar{
font-family: Verdana, Arial, Tahoma, sans-serif;
font-weight: bold;
font-size: 11px;
color: white;
background: black url(/recycle/images/menu-bg-orange.jpg) center center repeat-x;
background-color: #26689D;  /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 5px 0 5px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar1{
font-family: Verdana, Arial, Tahoma, sans-serif;
font-weight: bold;
font-size: 11px;
color: white;
background: black url(/recycle/images/menu-bg-blue.jpg) center center repeat-x;
background-color: #26689D;  /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 5px 0 5px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar2{
font-family: Verdana, Arial, Tahoma, sans-serif;
font-weight: bold;
font-size: 11px;
color: white;
background: black url(/recycle/images/menu-bg-red.jpg) center center repeat-x;
background-color: #26689D;  /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 5px 0 5px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar3{
font-family: Verdana, Arial, Tahoma, sans-serif;
font-weight: bold;
font-size: 11px;
color: white;
background: black url(/recycle/images/menu-bg-yellow.jpg) center center repeat-x;
background-color: #26689D;  /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 5px 0 5px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/

}


.urbangreymenu ul li a{
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
display: block;
padding: 5px 5px;
line-height: 17px;
padding-left: 22px; /*link text is indented 8px*/
text-decoration: none;
border-bottom: 1px dotted #c4c4c4;
background: #fff url(images/left11.gif) no-repeat 4px 8px;
}


.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #333;
background: #f1f1f1 url(/recycle/images/left11.gif) no-repeat 6px 8px;
}


#leftcolumn { width: 48%; float: left; margin-right: 15px;margin-left: 3px;}

#leftcolumn ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

#leftcolumn ul li{
padding-bottom: 3px; /*bottom spacing between menu items*/
padding-top: 3px; /*bottom spacing between menu items*/
border-bottom: 1px dotted #c4c4c4;

line-height: 17px;
}


#leftcolumn ul li a{
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
padding-left: 0px; /*link text is indented 8px*/
text-decoration: none;
padding-left: 3x; /*link text is indented 8px*/

}





#rightcolumn { width: 49%; float: left;}

#rightcolumn ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

#rightcolumn ul li{
padding-bottom: 3px; /*bottom spacing between menu items*/
padding-top: 3px; /*bottom spacing between menu items*/
border-bottom: 1px dotted #c4c4c4;

line-height: 17px;
}


#rightcolumn ul li a{
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
padding-left: 0px; /*link text is indented 8px*/
text-decoration: none;
padding-left: 3px; /*link text is indented 8px*/

}
.clear { clear: both;}



#three { width: 99%; float: left; margin-right: 15px;margin-left: 3px;}

#three ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

#three ul li{
padding-bottom: 3px; /*bottom spacing between menu items*/
padding-top: 3px; /*bottom spacing between menu items*/
border-bottom: 1px dotted #c4c4c4;

line-height: 17px;
}


#three ul li a{
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
padding-left: 0px; /*link text is indented 8px*/
text-decoration: none;
padding-left: 22px; /*link text is indented 8px*/
background: #fff url(images/left11.gif) no-repeat 4px 1px;
}

/* Navigation */
 
#navigation {
	min-width: 760px;
	height: 30px;
	display: block; 
	margin: 0 20px 15px 20px; 
	padding: 0; 
	position: relative; 
	background: url('/images/navigation-line.gif') left no-repeat;
	z-index: 2;
}

#navigation li { 
	display: block; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	float: left; 
	position: relative; 
	line-height: 30px;
	background: url('/images/navigation-line.gif') right no-repeat;
}

#navigation a { 
	display: block; 
	padding: 0 15px; 
}

#navigation ul { 
	display: none; 
	position: absolute; 
	left: 0; 
	margin: 0; 
	padding: 0; 
}

* html #navigation ul { line-height: 0; } /* IE6 "fix" */
#navigation ul a { zoom: 1; } /* IE6/7 fix */
#navigation ul li { float: none; }
#navigation ul ul { top: 0; }
    
/* Subnavigation Width */

#navigation ul { width: 140px; }
#navigation ul ul { left: 141px; }

/* Colors and Fonts */

#navigation a { 
	font-size: 11px;
	font-weight: bold; 
	color: #000;
	text-decoration: none; 
}

#navigation li.current {
	background: #000;
}

#navigation li.hover a { 
	 
	color: #800000; 
}

#navigation ul { 
	top: 30px; 
}

#navigation ul li a { 
	background-color: #000; 
	color: #fff; 
	font-size: 11px; 
}

#navigation ul a.hover { 
	background-color: #4a4a4a; 
}

#navigation ul a { 
	border-bottom: 1px solid white; 
	border-right: none;
}

/* #navigation ul a { border-bottom: none; } - I also needed this for IE6/7 */







/* Search */

#searchr {
	height: 23px;
	margin: 0 0 15px;
}

#searchr-text {
	margin: 0;
	padding: 3px 5px;
	border: 1px solid #c4c4c4;
	position: absolute;
	width: 205px;
	height: 17px;
}

#searchr-btn {
	margin: 0 0 0 220px;
	padding: 0;
	position: absolute;
}







.box {position:relative;}
.box .box-t1, .box .box-t2, .box .box-t3, .box .box-b1, .box .box-b2, .box .box-b3 {background-image:url(/images/box/corners.png);background-position:0 0; background-repeat:no-repeat;}
.box .box-t1 {background-position:0 0;}
.box .box-t2 {padding: 0px 7px 0px 7px;background-position:100% -17px;}
.box .box-t3 {height: 7px;background-position:0 -34px;overflow: hidden;background-repeat:repeat-x;}
.box .box-1 {background: url(/images/box/edges.png) 0 0 repeat-y;}
.box .box-2 {padding: 0px 5px 0px 5px;background: url(/images/box/edges.png) 100% 0 repeat-y;}
.box .box-3 {padding: 10px;background: #ffffff;overflow: hidden;}
.box .box-b1 {background-position:0 -51px;}
.box .box-b2 {padding: 0 7px;background-position:100% -68px;}
.box .box-b3 {height: 7px;background-position:0 -85px;background-repeat:repeat-x;overflow: hidden;}
.box em {padding: 0px 3px 0px 3px;border: 1px dotted #aaaaaa;background: #f5f6f7;font-family: "Courier New", Courier, monospace;font-style: normal;white-space: nowrap;}
.box-black em {border: 1px dotted #969696; background: #333333;}
.box-blue em { border: 1px dotted #85B0E4; background: #305B7F; }
.box h3.header {height: 35px;margin-top: -10px;line-height: 35px;}
.box h3.header span.title {font-size: 12px;line-height: 26px;}
.box h3.header span.subtitle {margin-top: -4px;}
.box h3.header span.icon {top: 2px; left: -3px;}
.box div.badge {top:5px;right:5px;}

/* header: blue */
.box-header h3.header,.box-header-black h3.header,.box-header-red h3.header {position: absolute;top: 4px;left: 5px;right: 5px;z-index: 1;height: auto;margin-top: 0px;background: url(/images/box/corners.png) 0 -102px repeat-x;font-size: 12px;color: #ffffff;text-shadow: 0 -1px 0 rgba(0,0,0,0.3);}
.box-header span.header-3,.box-header-black span.header-3,.box-header-red span.header-3 {height: 45px;padding-left: 10px;line-height: 37px;overflow: hidden;}
.box-header .header-on, .box-header-black .header-on, .box-header-red .header-on {padding-top: 40px;}

/* box color gradient */
.box-gradient .box-t1,.box-gradient .box-t2,.box-gradient .box-t3,.box-gradient .box-b1,.box-gradient .box-b2,.box-gradient .box-b3 { background-image: url(/images/box/gradient_corners.png); }
.box-gradient .box-3 {padding: 10px 9px 10px 9px;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;background: #ffffff url(/images/box/gradient_corners.png) 0 -157px repeat-x;}
.box-gradient.box-header .with-header { padding-top: 40px; }
.box-header-black h3.header {background-image: url(/images/box/beige_corners.png);}
.box-header-red h3.header {background-image: url(/images/box/red_corners.png);}

/* box color black */
.box-black .box-t1,.box-black .box-t2,.box-black .box-t3,.box-black .box-b1,.box-black .box-b2,.box-black .box-b3 {background-image: url(/images/box/black_corners.png);}
.box-black .box-3 {border-left: 1px solid #323232;border-right: 1px solid #323232;background: #505152;color: #ffffff;text-shadow: 0px -1px 0px rgba(0,0,0,1);}
.box-black h3.header {color: #ffffff;text-shadow: 0px -1px 0px rgba(0,0,0,1);}
.box-black.box-header h3.header {background-image: url(/images/box/black_corners.png);color: #505050;text-shadow: 1px 1px 0px rgba(255,255,255,1);}
.box-black a {color: #ffffff;text-decoration: underline;}
.box-black a:hover {color: #ffffff;text-shadow: 0px 1px 1px rgba(0,0,0,0.8);}

/* color blue */
.box-blue .box-t1,.box-blue .box-t2,.box-blue .box-t3,.box-blue .box-b1,.box-blue .box-b2,.box-blue .box-b3 { background-image: url(/images/box/blue_corners.png); }
.box-blue .box-3 {border-left: 1px solid #305B7F;border-right: 1px solid #305B7F;background: #407AA9;color: #ffffff;text-shadow: 0px -1px 0px rgba(0,0,0,0.3);}
.box-blue h3.header {color: #ffffff;text-shadow: 0px -1px 0px rgba(0,0,0,0.3);}
.box-blue.box-header h3.header {background-image: url(/images/box/blue_corners.png);color: #305B7F;text-shadow: 1px 1px 0px rgba(255,255,255,1);}
.box-blue a {color: #ffffff;text-decoration: underline;}
.box-blue a:hover {color: #ffffff;text-shadow: 0px 1px 1px rgba(0,0,0,0.5);}

/* color orange */
.box-orange.box-header h3.header {background-image: url("/images/box/orange_corners.png");}
.box-orange .box-t1,.box-orange .box-t2,.box-orange .box-t3,.box-orange .box-b1,.box-orange .box-b2,.box-orange .box-b3,.box-orange.box-header h3.header {background-image: url("/images/box/orange_corners.png");}
.box-orange .box-3 {border-left: 1px solid #B35A1A;border-right: 1px solid #B35A1A;background: #E27B0A;color:#FFFFFF;     text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);}
.box-orange.box-header h3.header {color:#B35A1A;}





/* Blocks */

.block {
margin-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	
	background: #fff url(/images/bnd.gif) bottom center repeat-x;
	}

.block .bendl {
	width: 5px;
	height: 5px;
	background: url(/images/bendl.gif) bottom left no-repeat;
	float: left;
	}

.block .bendr {
	width: 5px;
	height: 5px;
	background: url(/images/bendr.gif) bottom left no-repeat;
	float: right;
	}
	

/* Block head */

.block .block_head {
	height: 54px;
	line-height: 54px;
	background: url(/images/bhead.gif) 0 0 repeat-x;
	overflow: hidden;
	
	}

.block .block_head .bheadl {
	width: 20px;
	height: 54px;
	float: left;
	background: url(/images/bheadl.gif) top left no-repeat;
	}

.block .block_head .bheadr {
	width: 20px;
	height: 54px;
	float: right;
	background: url(/images/bheadr.gif) top right no-repeat;
	}
	
.block .block_head h2 {
	font-family: Verdana, ariel, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	color: #555;
	text-shadow: 1px 1px 0 #fff;
	float: left;

	}
	
.block .block_head ul {
	float: right;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
	}
	
.block .block_head ul li {
	display: inline;
	padding: 3px 0;
	padding-left: 20px;
	background: url(/images/phs.gif) 7px center no-repeat;
	}
	
.block .block_head ul li.nobg { background: none; }
	
.block .block_head ul li a {
	text-decoration: none;
	color: #666;
	outline: none;
	}

.block .block_head ul li.active a { color: #888; }
.block .block_head ul li a:hover { color: #008ee8; }

.block .block_head form {
	float: right;
	padding: 15px 0;
	height: 34px;
	line-height: 24px;
	}

.block .block_head form .text {
	width: 129px;
	height: 15px;
	padding: 5px 10px 5px 25px;
	border: 0;
	font-size: 11px;
	color: #999;
	margin: 0;
	background: url(/images/srch.gif) left center no-repeat;
	}

.block .block_head form .text:focus {
	color: #666;
	background: url(/images/srch_.gif) left center no-repeat;
	}

.block .block_head select {
	text-transform: none;
	}




/* Block content */

.block .block_content {
	overflow: hidden;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 20px 0;
	}

.block .block_content h1,
.block .block_content h2 {
	font-family: "Titillium999", "Trebuchet MS", Arial, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #454545;
	
	}

.block .block_content h3 {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin-bottom: 5px;
	}

.block .block_content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	margin-bottom: 5px;
	}
	
.block table {
	text-align: left;
	margin-bottom: 15px;
	}
	
.block table tr td,
.block table tr th {
	border-bottom: 1px solid #ddd;
	padding: 10px;
	line-height: normal;
	text-align: left;
	}
	
.block table tr td.delete {
	text-align: right;
	font-size: 11px;
	}
	
.block table tr td.delete a { color: #666; }
.block table tr td.delete a:hover { color: #dd0000; }

.block .tableactions {
	overflow: hidden;
	padding-bottom: 20px;
	float: left;
	}

.block .tableactions select {
	width: 100px;
	margin-right: 5px;
	vertical-align: middle;
	outline: none;
	}

.block .pagination {
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 15px;
	border-top: 1px solid #eee;
	}

.block .pagination.right {
	float: right;
	text-align: right;
	padding-top: 1px;
	border: 0;
	width: 500px;
	overflow: hidden;
	}

.block .pagination a {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 6px;
	margin: 0 1px;
	}

.block .pagination a.active {
	background: #39a3e6;
	border: 1px solid #0082d5;
	color: #fff;
	}

.block .pagination a:hover {
	color: #fff;
	background: #ec8526;
	border: 1px solid #d77011;
	}

.block .block_content ul {
	padding-left: 15px;
	padding-bottom: 15px;
	}
	
.block .block_content ol {
	padding-left: 15px;
	padding-bottom: 15px;
	list-style-position: inside;
	}

.block .block_content ul li {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(/images/li.gif) 0 8px no-repeat;
 	}
 	
.block .block_content ol li {
	margin-bottom: 5px;
	}
	
.block hr {
	height: 1px;
	border: 0;
	background: no-repeat;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	}

	.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('/images/success.png');
}

.infos, .success, .warnings, .errors, .validations {
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}


.fb2 {
	padding: 5px;
	color: #FFFFFF;
	background: #3B5998;
}

.fb2 a {
	color:#FFFFFF;
	text-decoration: none;
	outline-style: none;
	padding: 5px;
}

.fb2 a:hover {
	background: #6D84B4;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}