/*
globals
----------------------------
*/
body 
{
    height: 100%;
	width: 100%;
	margin:0;
	padding:0;
	font: 12px Arial;
	line-height: 20px;
	overflow-y: scroll;
	color:#333333;
    background: #e0e0da url("../img/sprites/g3master_repx.png") repeat-x 0px -840px
}

body.blank {
    background: transparent;
}

table {
    font: 12px Arial;
    line-height: 20px;
    border-collapse: collapse;
}
div.clears, span.clears {
    clear: both;
}
.hidden {
    display: none;
}
form {
    margin: 0;
    padding: 0;
}
input {
	outline: none;
}
.hand {
	cursor: pointer;
	cursor: hand;
}
ul {
    list-style-type:none; 
}

ul.disc {
    list-style-type:disc; 
}
ul.disc ul 
{
	list-style-type: square; 
}
img {
    border: none;
}
.center {
    text-align: center;
}
.justify {
    text-align: justify;
}
.nobg {   
    background: none !important;
}
sup {
    font: 6pt Arial;
    position: relative;
    top: 2px;
    *top: 0px;
}
.focused
{
	border: 1px dotted #5E5E5E;
	margin: -1px;
}
span.reqvalidator div.box div.right
{
	font: bold 11px Arial !important;
	line-height: 20px !important;
    color: #000000 !important;	
    margin-left: 3px;
}
/*
layout
----------------------------
*/
div.main {
    width: 958px;
    margin: 0 auto;
    overflow: visible;
}
div.contentcontainer {
    margin: 30px 0px 0px 0px;
    width: 100%;
    height: auto;
    overflow: visible;
}
div.contentcontainer.small 
{
	margin: 10px 0px 0px 0px;
}
div.header {
    width: 100%;
    height: 111px;
    border-top: 1px solid #d7d7d0;
    border-left: 1px solid #d7d7d0;
    border-right: 1px solid #d7d7d0;
    position: relative;
    z-index: 999;
}
div.headtop {
    width: 100%;
    height: 80px;
    background-color: white;
    background-position: 0px -200px;
    line-height: normal !importnat;
}
div.headtop div.left {
    width: 5px;
    height: 5px;
    background-position: 0px 0px;
    float: left;
}
div.headtop div.right {
    width: 5px;
    height: 5px;
    background-position: 0px -20px;
    float: right;
}
div.headcontent {
    padding-top: 8px
}
div.footer {
    width: 960px;
    height: 20px;
    margin: 3px auto;
    font: 11px Arial;
    line-height: 20px;
}
div.footer div.left {
    width: 356px;
    float: left;
    padding: 0px 0px 0px 28px;
    color: #5e5e5e;
}
div.footer div.left a {
    color: #5e5e5e;
    font-weight: normal;
}
div.footer div.right {
    width: 550px;
    float: right;
    text-align: right;
    padding: 0px 26px 0px 0px;
    color: #6ba8da;
}
div.footer div.right a {
    color: #6ba8da;
    font-weight: normal;
}
span#facebookfan {
    vertical-align: bottom;
   *vertical-align: auto;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
   *line-height: 23px;
}
span#followtwitter {
    vertical-align: bottom;
   *vertical-align: auto;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
   *line-height: 23px;
}
div.content {
    width: 100%;
    padding-bottom: 1px;
    border-left: 1px solid #e0e0da;
    border-right: 1px solid #e0e0da;
    background-color: #FFFFFF;
}
div.contentbottom {
    border-bottom: 1px solid #d8d8d4;
    background-color: #FFFFFF;
    height: 6px;
    margin-top: -1px;
}
div.contentbottom div.left {
    width: 7px;
    height: 7px;
    background-position: 0px -40px;
    float: left;
    position: relative;
}
div.contentbottom div.right {
    width: 7px;
    height: 7px;
    background-position: 0px -60px;
    float: right;
    position: relative;
    left: 2px;
}

/*
topmenu
----------------------------
*/
div.headmenu {
    width: 100%;
    height: 31px;
    max-height: 31px;
    background-color: #2192CC;
    background-position: 0px -110px;
    line-height: normal;
}
div.headmenu #menu li {
    display: block;
    float: left;
    position: relative;
    z-index: 100;
    border-left: 1px solid #1090D0;
    cursor: pointer;
    height: 31px;
}
div.headmenu #menu li.first {
    border-left: 0;
}
div.headmenu #menu li span a, div.headmenu #menu li span a:visited {
    display: block;
    float: left;
    font: bold 13px Arial;
    letter-spacing: 0px;
    color: #FFFFFF; 
    padding: 7px 21px 0px 21px; 
    height: 24px;
    vertical-align: top;
    text-decoration: none;
    white-space: nowrap;
}
div.headmenu #menu dl {
    position: absolute;
    top: 31px;
    left: 0px;
    margin: 0;
    padding: 0;
    background-color: #1A7AB0;
}
div.headmenu #menu dd {
    display: none; 
    clear: left;
    margin: 0; 
    padding: 0; 
    color: #FFFFFF; 
    text-align: left;
}
div.headmenu #menu dd a, div.headmenu #menu dd a:visited {
    white-space: nowrap;
    font: 9pt Arial;
    border-top: dotted 1px #2F90BB;
    color: #FFFFFF;
    display: block;
    padding: 2px 10px 3px 10px;
    padding: 2px 10px 3px 21px;
}
div.headmenu #menu dd a sup {
    font: 6pt Arial;
    position: absolute;
    top: auto;
}
div.headmenu #menu li:hover dd, div.headmenu #menu li a:hover dd {
    display: block;
}
div.headmenu #menu li dl dd a:hover {
    background-color: #016290;
    color: #FFFFFF !important;
}
div.headmenu #menu dd.sepa a {
    border-top: solid 1px #FFFFFF;
}
div.headmenu #menu, div.headmenu #menu2 {
    list-style-type: none; 
    padding: 0;
    margin: 0;
}
div.headmenu #menu2 {
    text-align: right;    
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;    
    float: right;
}
div.headmenu #menu2 li {
    height: 31px;
}
div.headmenu #menu2 li a {
    white-space: nowrap;
    font: bold 9pt Arial;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;    
    padding: 0px 22px;
    line-height: 31px;
}
div.headmenu #menu2 li a, x:-moz-any-link {
    display: -moz-inline-block;
}
div.headmenu #menu2 li:hover a, div.headmenu #menu2 li a:hover {
    background: #1a7ab0;
    color:#FFFFFF !important;
}
/*ie6 menufix*/
div.headmenu #menu li:hover dl iframe.hidefrm {
	display: block;
	position: absolute;
}
div.headmenu iframe.hidefrm {
	display: none;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/*
top logo
----------------------------
*/
div.logo {
    padding: 6px 0px 0px 25px;
    float: left;
}
div.logo div {float: left}
div.logo div.tagline {width: 116px; height: 20px; background-position: 0px -440px; margin: 20px 0px 0px 2px}
/*
top box (flexible width)
----------------------------
*/

span.roundbox_h {
    /*inline-block all browser*/
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
}
span.roundbox_h span.middle {
    background-position: 0px -30px;
    height: 35px;
    float: left;
    padding: 7px 5px 0px 5px;
    color: #333333;
    background-color: #F4F4F4;
    white-space: nowrap;
    font: 11px Arial;
}
span.roundbox_h span.middle div {
    background-position: -20px -19px; width: 11px; height: 11px; float: left; margin: 0px 5px 0px 0px
}

span.roundbox_h span.left {
    display: inline-block;
    display: -moz-inline-stack;
    zoom:1;
    *display:inline;
    width: 5px;
    height: 42px;
    background-position: -20px -120px;
    float: left;
}
span.roundbox_h span.right {
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
    width: 5px;
    height: 42px;
    background-position: -40px -120px;
    float: left;
}
span.roundbox_hr {
    /*inline-block all browser*/
    display:inline-block;
    display:-moz-inline-stack;
    zoom:1;
    *display:inline;
    margin-bottom: -12px;
}
span.roundbox_hr span.middle {
    background-position: 0px -290px;
    height: 41px;
    float: left;
    padding: 7px 5px;
    color: #d80808;
    width: 185px;

    line-height: normal;
    font: normal 11px Arial;
}
span.roundbox_hr span.left {
    display:inline-block;
    display:-moz-inline-stack;
    zoom:1;
    *display:inline;
    width: 4px;
    height: 55px;
    background-position: -60px -380px;
    float: left;
}
span.roundbox_hr span.right {
    display:inline-block;
    display:-moz-inline-stack;
    zoom:1;
    *display:inline;
    width: 4px;
    height: 55px;
    background-position: -80px -380px;
    float: left;
}
span.roundbox_h span.middle img {
    margin-right: 5px;
}
span.roundbox_h span.middle strong {
    font: bold 11pt Arial;
    color: #91b073;
}
div.headcontent span.roundbox_h, div.headcontent span.roundbox_hr {
    float: right;
    margin-right: 15px;
}
div.headerlnk 
{
    font: 11px Arial;
}
div.headerlnk a
{
	color: #0088CE;
	text-decoration: none;
    line-height: normal
}
div.headcontent div.headertitle {
    float: right;
    height: 31px;
    font-size: 24px;
    font-family: "Arial Narrow", Arial, Tahoma, sans-serif;
    padding-top: 15px;
    display:inline-block;
    display:-moz-inline-stack;
    zoom:1;
    *display:inline;
}
span.button {
    display:inline-block;
    display:-moz-inline-block;
    zoom:1;
    *display:inline;
}
span.button, x:-moz-any-link {
    display:-moz-inline-box;
}
span.button span.left {
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
    float: left;
    width: 10px;
    height: 24px;
    background: url("/img/sprites/g3master_norep.png") no-repeat -20px -320px;
}
span.button span.right {
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
    float: left;
    width: 10px;
    height: 24px;    
    background: url("/img/sprites/g3master_norep.png") no-repeat -40px -320px;
}
span.button span.middle {
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
    float: left;
    height: 24px;    
    padding: 0;
    background: url("/img/sprites/g3master_repx.png") repeat-x -0px -80px;
    -behavior: url('/css/iepngfix.htc');
}
span.button input, span.button button, span.button a {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    color: white;
    line-height: 24px;
    height: 24px;
    font: bold 12px Arial;
    cursor: pointer;
    white-space: nowrap;
}
span.button input, span.button button {
    position: relative; top: -1px
}
span.button button 
{
	white-space: normal;
	padding: auto 0;
}
span.button a 
{
	margin-top: 0px;
	line-height: 24px !important;
}

span.button.disabled span.left {
    background: url('/img/button/grayd_left_10x24.png') no-repeat top left;
}
span.button.disabled span.right {
    background: url('/img/button/grayd_right_10x24.png') no-repeat top right;
}
span.button.disabled span.middle {
    background: url('/img/button/grayd_100x24.png') repeat-x;
}

span.button.mycomp span.left {
    background: url('/img/button/mycnv_left_4x24.png') no-repeat;
}
span.button.mycomp span.right {
    background: url('/img/button/mycnv_right_4x24.png') no-repeat;
}
span.button.mycomp span.middle {
    background: url('/img/button/mycnv_middle_100x24.png') repeat-x;
    padding: 0;
}
span.button.mycomp a 
{
	color: #0088ce;
}

span.button.big span.left {
    height: 28px;
    background: url('/img/button/blue_left_10x28.png') no-repeat top left;
}
span.button.big span.right {
    height: 28px;    
    background: url('/img/button/blue_right_10x28.png') no-repeat top right;
}
span.button.big span.middle {
    height: 28px;    
    background: url('/img/button/blue_100x28.png') repeat-x;
}
span.button.big input, span.button.big button {
    line-height: 28px;
    height: 28px;
}

span.button.green span.left {
    height: 28px;
    background: url('/img/button/green_left_10x28.png') no-repeat top left;
}
span.button.green span.right {
    height: 28px;    
    background: url('/img/button/green_right_10x28.png') no-repeat top right;
}
span.button.green span.middle {
    height: 28px;    
    background: url('/img/button/green_100x28.png') repeat-x;
}
span.button.green input, span.button.green button {
    line-height: 28px;
    height: 28px;
}

span.button.gray span.left {
    height: 28px;
    background: url('/img/button/gray_left_10x28.png') no-repeat top left;
}
span.button.gray span.right {
    height: 28px;    
    background: url('/img/button/gray_right_10x28.png') no-repeat top right;
}
span.button.gray span.middle {
    height: 28px;    
    background: url('/img/button/gray_100x28.png') repeat-x;
}
span.button.gray input, span.button.gray button {
    line-height: 28px;
    height: 28px;
}

span.button.graysmall span.left {
    background: url('/img/button/gray_left_10x24.png') no-repeat top left;
}
span.button.graysmall span.right {
    background: url('/img/button/gray_right_10x24.png') no-repeat top right;
}
span.button.graysmall span.middle {
    background: url('/img/button/gray_100x24.png') repeat-x;
}

span.button.greenbig span.left {
    height: 38px;
    width: 10px;
    background: url("/img/sprites/g3master_norep.png") no-repeat -20px -270px
}
span.button.greenbig span.right {
    height: 38px;
    width: 10px;
    background: url("/img/sprites/g3master_norep.png") no-repeat -40px -270px
}
span.button.greenbig span.middle {
    height: 38px;
    background: url("/img/sprites/g3master_repx.png") repeat-x 0px -150px
}
span.button.greenbig input, span.button.greenbig button {
    height: 38px;
    font: bold 9pt Arial;
    line-height: 38px !important;
}
span.button.greenbig.twolines button span 
{
	white-space: nowrap;
}
span.button.greenbig.twolines button  
{
	line-height: 20px !important;	
}

div#sdleft_categories {
	background-color:#FFFFFF;
	overflow:hidden;
	padding:1px 1px 0px 1px;
	}
	div.cattop_title {
		background-image:url(../skin_images/sdleft_cattop_bg.gif);
		background-repeat:repeat-x;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:8px 0px 0px 13px;
		height:21px;
		border-bottom:1px solid #B8CDDA;
		border-right:1px solid #B8CDDA;
		margin-bottom:1px;
		}
		div.cattop_title img {
			margin-bottom:-2px;
			margin-right:8px;
		}
		div.cattop_title a {
			color:#466D88;
		}
		div.cattop_title div {
			width:50px;
			float:right;
			text-align:right;
			margin-right:9px;
			color:#A3BED0;
			font-weight:normal;
			}
			div.cattop_title div a {
				color:#A3BED0;
				font-weight:bold;
			}
	div.cattop_title_b {
	
		background-repeat:repeat-x;

		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:6px 0px 0px 13px;
		height:23px;
		border-bottom:1px solid #B8CDDA;
		border-right:1px solid #B8CDDA;
		margin-bottom:1px;
		}
		div.cattop_title_b img {
			margin-bottom:-3px;
			margin-right:8px;
		}
		div.cattop_title_b a {
			color:#466D88;
		}
		div.cattop_title_b div {
			width:50px;
			float:right;
			text-align:right;
			margin-right:9px;
			color:#A3BED0;
			font-weight:normal;
			}
			div.cattop_title_b div a {
				color:#A3BED0;
			
			}
	div.cat_content {
		background-color:#FFFFFF;

		background-repeat:repeat-y;
		background-position:right;
		border-bottom:1px solid #B8CDDA;
		margin-bottom:1px;
		padding:10px;
		overflow:hidden;
		}
		div.cat_content td {
			border-bottom:1px solid #D6E2EB;
			font-family:Arial, Helvetica, sans-serif;
		}
		div.cat_content td.in_icon {
			border-bottom:none;
			width:16px;
			padding:3px 3px 1px 0px;
			}
		div.cat_content td.in_title {
			padding:3px;
			width:192px;
		
		}
		div.cat_content td.in_amount {
			padding:3px;
			color:#A3BED0;
		}
	div.cat_content_empty {
		padding:0px;
		height:0px;
		margin:0px;
		border:none;
	}
#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {background-color:#fff; color:#000; font-family:"Lucida Grande",Arial,sans-serif; font-size:.9em; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; float:right;}
#osx-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777; font-size:.9em;}



/*   MASTER SPRITES Begin   */
.s_nr {background: url("../img/sprites/g3master_norep.png") no-repeat 0px 0px}  /* s_nr stands for Sprite No-Repeat */
.s_rx {background: url("../img/sprites/g3master_repx.png") repeat-x 0px 0px}    /* s_rx stands for Sprite Repeat-X */
.s_ry {background: url("../img/sprites/g3master_repy.png") repeat-y 0px 0px}    /* s_ry stands for Sprite Repeat-Y */
/*   MASTER SPRITES End   */