@charset "utf-8";

/* +++++++++++++++ NOTES +++++++++++++++  
See readme.txt file for more info.
*/

/* +++++++++++++++ General +++++++++++++++ */

html{background-color:#FFFFFF;}
body{font-family:Arial, Helvetica, sans-serif; _text-align:center;}

/* .body is the container for the columns */
.body{overflow:hidden; _overflow:visible; _zoom:1;}

/* display:inline-block; sets hasLayout - required for IE*/
/* overflow:hidden; causes modern browsers to enclose child floats */

/* page is the container for the entire page sometimes also know as the wrapper */
.page{_text-align:left;display:inline-block;overflow: hidden;} 
.page
{
	background-color: #EFEFEF;
	display: block;
}

/* gs985 and gs960 are used to set container widths */
.gs985{width:985px; margin:0 auto;}
.gs960{width:960px; margin:0 auto;}

/* ====== Columns ====== */
.main{float: left;overflow:hidden;_overflow:visible;_zoom:1; position:relative; color:#666666; line-height:110%;min-height: 400px; width: 740px;}
.leftCol{float:left; width:215px;_margin-right:-3px;}
.rightCol{float:right; width:215px;_margin-left:-3px;}

.tagTypeLink {font-weight:bold;font-size:18px;padding: 0px 10px 0px 10px;white-space: nowrap;}
.combo-item-template { background-color: #FFFFFF; color: #000000;}
.combo-item-template:hover
{
	background-color: #333333;
	color: #FFFFFF;
}

.filter_box 
{
	/*background-image: url(images/filter_bg.jpg);
	background-repeat: no-repeat;*/
	background-color: #cee493; 
	border-bottom: solid 1px #CECFCE; 
	height: 32px;
    margin-top: -6px;
    padding-top: 4px;
}

/* ====== Elements ====== */
/* FR img{display:block;} */
em{font-style: italic;}
strong{font-weight:bold;}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color:#000000; line-height:150%; font-weight:lighter;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#000000; line-height:120%;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#666666;line-height:110%;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal;}
h6, .h6{font-size:108%; font-weight:normal;  font-style:normal;}

/* ====== Links ====== */
a
{
	color: #0066CC;
	text-decoration: none;
}
a:focus, a:hover {text-decoration:underline; }
a:visited {color:#0066CC;}

/* ====== Header ======*/
.head{background-image:url(images/head_bg.png); background-position:top left; background-repeat:repeat-x; height:118px;}
/* Header navigation */
.headNav{float:right;margin:5px 20px 10px 0;}
.headNav a{font-weight:bold;}
/* Sub Heading i.e. Private Beta... */
.subhead{border-top:#CCCCCC 1px solid; padding:2px 0 0 0; width: 100%; float: left;}
.subhead a {font-weight:bold;}
.subhead span{float:left; padding:3px 0 0 20px;}

/* lang is the container for the flag and language select box */
.lang{float:right; padding:10px 20px 0 0; margin-top: 40px; min-width: 200px; text-align: right;}
/* flag is for positioning of the flag in the header */
.flag{ vertical-align: bottom; padding:0 5px 0 10px;}
/* search is the container for both the search input field and the search button */
.search{float:right; position:relative;padding:0 160px 0 0;}
/* searchBtn is for positioning the seach button */
.searchBtn{position:absolute; right:10px; top:-13px; width:140px; height:36px;}

/* ====== Footer ======*/
.foot{background-image:url(images/foot_bg.png); background-position:top left; background-repeat:repeat-x; height:64px; padding:32px 0 0 0;}
.footNav {margin:0 auto; text-align:center;}
.footNav li {display:inline;}
.footNav a:link, .footNav a:visited, .footNav a:active {text-decoration:none;}
.footNav a:hover {text-decoration:underline;}

.roundedcornr_box {
   background: #ffffff;
}
.roundedcornr_top div {
   background: url(images/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(images/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(images/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(images/roundedcornr_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 20px; }