/*Google Webfont imports*/
@import url(https://fonts.googleapis.com/css?family=Cabin:700);
@import url(https://fonts.googleapis.com/css?family=Oswald);

body {
	margin:0;
	padding:0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background:#c0ccd2 url(/images/pdq_bkg.gif) top center repeat-x;
}
legend {font-weight: bold;color: #00A7EE;}
a {outline:none;}
a:link {color: #1c7ba3;	text-decoration: underline;}
a:visited {color: #1c7ba3; text-decoration: underline;}
a:hover {text-decoration: none; color: #55a31c;}
a:active {color: #1c92a3; text-decoration: underline;}
.red{color:#e80000;}
.blue{color:#0099FF;}
.hdr{
	font:22px "Oswald", Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#d43828;
}
.txthdr{
	font:22px "Cabin", Arial, Helvetica, sans-serif;
	font-weight:700;
	letter-spacing:-2px;
	margin:0;
	padding:0;
}
.distOnly a{color:#000;	text-decoration:underline;}
.distOnly a:visited {color:#666;}
.distOnly a:hover {color:#666; text-decoration:none;}
.announcement{
	font:14px Arial, Helvetica, sans-serif;
	color:#EEE;
	background-color:#db0018;
	padding:10px 30px 10px 30px;
	margin:0;
	border:1px solid #660000;
	background-image:url(/images/red_fade.gif);
	background-repeat:repeat-y;
}
.announcement a{color:#FFFFCC;}
.announcement2{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	background-image:url(/images/blu-blk-flash.gif);
	padding:10px 30px 10px 30px;
	margin:0;
	border:1px solid #330099;
}
.announcement2 a{color:#FFF;}
.btn_std{
	border:1px solid #5b757b;
	background:#e5eff1 url(/store/images/btnBkg.gif) repeat-x center;
	font: 14px Arial, Helvetica, sans-serif;
	color: #2b4951;
}
.tblShade{
	border:1px solid #ccc;
	background-color:#eee;
}
.tblOutline{border:1px solid #ccc;}
.tblOutline h1, .tblOutline h2, .tblOutline h3, .tblOutline h4, .tblOutline h5, .tblOutline h6 {
	margin:0;
	padding:0;
}
.tblOutlineDash{border:1px solid #ccc;}
.tblOutlineDash td{border-bottom:1px dashed #eee;}
.tblOutlineSolid{border:1px solid #ccc;}
.tblOutlineSolid td{border-bottom:1px solid #ddd;}
.tblOutlineDashAll{border:1px solid #ccc;}
.tblOutlineDashAll td {border-bottom:1px dashed #ddd;border-right:1px dashed #ddd;}
.tblNoOutlineDash td{border-bottom:1px dashed #e0e4ec;}
.tblNoOutlineDashAll td{border-bottom:1px dashed #e0e4ec;border-right:1px dashed #e0e4ec;}
.tblNoOutlineSolid td{border-bottom:1px solid #e0e4ec;}
.close{display:none;}
.open{display:inline;}
.highlight{background-color:#e9ffb9;}
.requiredWarn{
	border:1px solid #FF0000;
	background-color:#FFCCCC;
}
.normal{
	border:none;
	background-color:#FFF;
}
.formSet{
	background:#ececec url(/images/form_bkg.gif) top repeat-x;
	border:1px solid #ccc;
}
.leftNav{
	background:#ececec url(/images/form_bkg.gif) top repeat-x;
	border:3px double #ececec;
}
.leftNav ul{
	margin:0;
	padding:0;
	margin-left:10px;
	padding-left:10px;
}
.dim-include {
	font-size: 10px;
	font-style: italic;
	color: #666666;
}
.info,.infopad{
	background-color:#edf6fb;
	border:1px solid #d0e8f4 ;
}
.alertpad{
	background:#fde1e1 url(/images/alert.png) no-repeat;
	background-position:20px center;
	border:1px solid #e9bbbb;
	font-weight:bold;
	padding:14px 10px 14px 70px;
}
.noticepad{
	background:#ffe9ad url(/images/notice.png) no-repeat;
	background-position:20px center;
	border:1px solid #eac572;
	font-weight:bold;
	padding:14px 10px 14px 70px;
}
.okpad{
	background:#effeb9 url(/images/ok.png) no-repeat;
	background-position:20px center;
	border:1px solid #c1d779;
	font-weight:bold;
	padding:14px 10px 14px 70px;
}
.info li,.infopad li,.alertpad li {margin:7px;}
.infopad {padding:10px;}
.softwareBox {
	padding:10px;
	background-color:#edf6fb;
	border:1px solid #d0e8f4;
	float:right; 
	margin:-44px 8px 0 0; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.info_hl {
	background-color:#6cb8f2;
	border:1px solid #c1e4ff;
	color:#e8f1f8;
}
.mini {
	font-size: 9px;
	color: #737373;
}
.DisabledRow{color:#ccc;}
.new{color:#0077e5;}
.section1, .section2 {
	background:url(/distributor/members/images/menuHdrBkg.gif) repeat-x; 
	padding:10px; 
	margin:10px 0 0 0; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	border-radius: 7px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.section2 {
	background:url(/distributor/members/images/menuHdrBkg2.gif) repeat-x; 
}
div.socialFloat {position:fixed; width:40px; z-index:501; top:33%;}

/* JQuery form validation */
div.error, label.error { font: italic 10pt Arial, Helvetica, sans-serif; color: #C00; text-align:center; margin-left:6px;}
input.error, textarea.error, select.error, tr.errorRow td.field input,tr.errorRow td.field select {
	border: 1px solid #FF0000;
	background-color: #ffe6e6;
	margin: -1px;
}
.noPrint{}
::selection {background: #cefb4b;}
::-moz-selection {background: #cefb4b;}

/*********************************
*        BEGIN DIV TAGS          *
*********************************/
#shell{
	width:100%;
	text-align:center;
}
#bracket{
	width:955px;
	border:1px solid #7d939c;
	text-align:left;
	background-color:#FFF;
}
#bracket_m{
	width:480px;
	border:1px solid #7d939c;
	text-align:left;
	background-color:#FFF;
}
#copy, #copy a{
	font:12px Arial, Helvetica, sans-serif;
	color:#777;
	padding:5px 0 5px 0;
	margin-top:20px;
}
#container{
	width:955px;
	background-color:#FFF;
}
#container_m{
	background-color:#FFF;
}
#content{
	padding:15px 20px 0 20px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	background-color:#FFF;
	text-align:left;
}
#content ul li{
	list-style-type:none;
	list-style-image:url(/images/bullet1.gif);
	padding-bottom:0;
	margin-bottom:0;
}
#content ul li:hover {
	list-style-type:none;
	list-style-image:url(/images/bullet2.gif);
	padding-bottom:0;
	margin-bottom:0;
}
#content ul{
	padding-bottom:0;
	margin-bottom:0;
}
#printOnly{
	display:none;
}
#memberBlock{
	float:left;
	padding-right:15px;
	margin-top:10px;
}
#softwareBlock{
	float:left;
	padding-right:15px;
}
#lang{
	width:955px; 
	background-image:url(/images/hdr_lang.gif); 
	background-repeat:repeat-y; 
	padding-top:4px;
}
#lang h1{
	font:12px Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	display:inline;
	vertical-align:text-top;
}
#hdrTop{
	width:955px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#eee;
	margin:0;
	padding:0;
	background-image:url(/images/hdr_lang.gif); 
	background-repeat:repeat-x;
}
#IP{display:inline;}
#social{margin:5px 1px 0 0;}
#searchbar{ width:159px; margin-right:4px;}
#searchbar input{
	border:0;
	font:12px Arial, Helvetica, sans-serif;
	}

/*******************************
* div specific to the CSS menu *
*******************************/
#menu {
	width: 955px; /* 954px + 1px border = 955px*/
	background: #9dbfcd url(/images/blue_menu_A.gif) top repeat-x;
	/*float: left;*/
	text-align:left;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#menu h2 {
	color: #000;
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	text-transform: uppercase;
	text-align:center;
	cursor:pointer; /* for H2 tags that are not links, this will force the hand pointer rather than the text-select cursor */
	border-left: 1px solid #95b9c8;
	border-right: 1px solid #c4dde9;
	border-bottom: 1px solid #95b9c8;
}
#menu a, #menu div {
	display: block;
	margin: 0;
	color: #fff;
	font: bold 11px/16px arial, helvetica, sans-serif;
	padding: 1px 3px 1px 6px;
	text-decoration: none;
	background: #9dbfcd url(/images/blue_menu_A.gif) top repeat-x; /*FF*/
}
#menu div{height:20px;}
#menu .dropdown a{background:url(/images/blue_r_more.gif) center right no-repeat;}
#menu .dropdownsub a{
	background: #9dbfcd;
	border-left: 1px solid #95b9c8;
	border-right: 1px solid #c4dde9;
	border-bottom: 1px solid #95b9c8;
	padding: 3px;
	color: #000;
}
#menu h2 a{
	color: #000;
	padding: 4px;
	text-decoration: none;
}
#menu a:hover, #menu h2 a:hover {
	color: #fff;
	background:url(/images/blue_menu.gif) bottom repeat-x;
}
#menu li {
	position: relative;
	z-index: 500;
	}
#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
#menu ul ul {
	position: absolute;
	overflow:visible;
	z-index: 500;
}
div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul{display: none;}
div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul{display: block;}

/* Survey DIV */
#fa {
	background: #FFF;
	text-align: center;
	font-family: Arial,sans-serif;
	padding: 0px;
	width: 350px;
	position: absolute;
	margin: 0 auto;
	top: 250px;
	display: none;
	z-index: 99;
}
#fa img {border: none;}
#fa .fa_close {
	position: absolute;
	top: 5px;
	right: 5px;
}
#fa.show {display: block;}

/*Tooltip*/
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	color: #fff;
	text-shadow: 0 0 1px #000;
	padding: 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(30,34,44);
	background-color: rgba(30,34,44,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	font-size:12px; /*for IE*/
}
#tiptip_content a{color:#9CF;}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(30,34,44);
	border-top-color: rgba(30,34,44,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(30,34,44);
	border-bottom-color: rgba(30,34,44,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(30,34,44);
	border-right-color: rgba(30,34,44,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(30,34,44);
	border-left-color: rgba(30,34,44,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		/*padding: 4px 8px 5px 8px;*/
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}
