@charset "utf-8";
/* CSS Document */

a {
	color: #1D1DDA;
	text-decoration: underline;
}

a:hover {
	
	
}


body {
	font-size: 14px;
	font-family: Arial;
    margin: 0px;
	background-color: #d4dded;
	color: #333333;
}

h1 {
	font-size: 21px;
}

h1.banner {
	font-family: 'Roboto',Arial;
	font-size: 155%;
	padding: 3px 0 3px 0px;
	margin: 0;
	font-weight: lighter;
	letter-spacing: 1px;
	color: #f1f6fd;
}

h2 {
	font-size: 120%;
	padding: 5px 0;
	margin:0; 
	font-weight: bold;
	color: #000;
}

h3 {
	font-size: 110%;
	padding: 0;
	margin:0; 
	font-weight: bold;
}

input,select,textarea {
	font-family: Arial;
	font-size:110%;
}

select {
	max-width: 350px;
}

p {
	margin:0px;
}

table.standard {
	margin: 10px 0;
}

table.standard, table.standard td, table.standard th {
	border-collapse:collapse;
	border: 1px solid #bcc9db;
	padding: 7px;
	vertical-align: top;
}

table.standard tr.head
{
	font-weight:normal;
	background-color:#ebf0f8;
}

table.insideStandard, table.insideStandard td {
	border-collapse:collapse;
	border: 0px;	
}

textarea {
	padding: 3px;
}



/* CLASS TAGS --------------------------------------------------*/

.adminButton {
	padding:2px 9px;
	border:1px solid #949494; 
	font-size:12px; 
	background:url(/images/buttonBg.gif) repeat-x;
	border-radius:4px;
	color:black;
	text-decoration:none;	
	display:inline-block;
	margin:2px 0;
}

.agendaItemHeading {
	padding-bottom: 4px;
	color: #ab0101;
	font-size: 115%;
}


.agendaTableCell {
	border-bottom: 1px dotted #aaaaaa;
	padding:8px;
}


.blueBox {
	padding:8px 12px; 
	background-color:#ebf0f8;
}


.clear {
	clear: both;
}

.confTitle {
	color: #cc0000;
	font-weight: bold;
}

.formFieldContainer {
	padding: 4px 0;
	color: #387dc8;
}

.formFieldInput {
	margin-top: 5px;
	color: #000000;
}

.formHorizontal {
	padding:20px 0;
	border-bottom:1px dotted #bbbbbb;
	clear:both;
}

.formHorizontal input[type="text"],textarea {
	padding:7px;
	border-radius: 3px;
	font-size:13px;
	
	border:1px solid #c3c3c3;	
	background-color: #f9f9f9;
}



.formLabel {
	float:left; 
	width:250px;
	padding:8px 40px 0 0;
	color:#444444	;
	font-weight:bold;
}

.formField {
	float:left; 
	width:420px;
}

.imageLink:hover{
	background: none;	
}

.languageLinks {
	color: #90ABDB;
	margin-left:10px;
}


.purchaseContainer {
	font-size:110%; 
	margin-top:8px; 
	margin-bottom:20px; 
	background-color: #f3f2ed; 
	border: 1px dotted #c4c4c4; 
	padding:12px;
}

.progressBarActive {
	color: #666666;
}

.progressDot {
	padding-bottom: 3px;	
}

.registrantFormLeft {
	padding-left:0;
	font-size:100%;
	vertical-align:top;
	padding-top:9px;
	text-align:right;
	width: 215px;
	color: #387dc8;
	padding-right: 2px;
}


.registrantFormRight {
	padding-right:0;
}

/*
.richText styles are meant to match the CKEditor styles in /members/assets/ckeditorConfig/css.php
*/

.richText {
	margin: 0;
	color: #333333;
}

.richText h1 {
	font-size: 140%;
	padding: 9px 0;
	margin: 0;
}

.richText h2 {
	font-size: 130%;
	padding: 7px 0;
	margin: 0;
}

.richText h3 {
	font-size: 115%;
	padding: 5px 0;
	margin: 0;
}

.smallTable {
	font-size:0.8em;
}

.summaryContainer {
	border-bottom:1px dotted #777; 
	padding: 15px 0 14px 0;
}

.summaryLeft {
	color:#b10202;
	font-size:130%;
	float:left; 
	width: 190px;
	padding-right: 10px;
}

.summaryRight {
	padding-top:2px;
	float:left;
	width: 633px;
}

.summaryHeading {
	font-size: 130%;
	color: #B10202;
	font-weight:normal;
	padding:15px 0 13px 0;
	border-top: 1px dotted #777777;
}

.supportLinks:link, .supportLinks:visited {
	color: #ffffff;	
}

.supportLinks:hover {
	background-color: #3B87B4	
}


.titleBanner {
	margin: 0px 12px 22px 22px;
	padding:12px 0 2px 0;
	font-weight:bold;
	font-size: 1.3em;
	color: #666666;
}

.tgreen {
	color:white;background-color:green;
}
.tred {
	color:white;background-color:red
}






/* ID TAGS ---------------------------------------------------- */


#balanceOwing {
	margin: 6px 6px;
	padding: 8px;
	background-color:#FFC;
	border: 0px solid #FC0;
	float:right;
	font-size:90%;
}


#body {
	width:975px;
	margin: auto;
	padding: 0;
	text-align:left;
}



/* Body Rounded Corners ------------------------------------------- */

#actionContainer {
	margin:0px;
	background: none;
	background-color: #ffffff;
	padding: 0;
	min-height: 300px;
	min-width: 300px
}


#body .body-box-tl {
	width: 14px;
	height: 15px;
	background: url(../images/body_box_tl.png) no-repeat;
}

#body .body-box-t {
	height: 15px;
	background: url(../images/body_box_t.png) repeat-x;
}

#body .body-box-tr {
	width: 14px;
	height: 15px;
	background: url(../images/body_box_tr.png) no-repeat;
}

#body .body-box-l {
	width: 14px;
	background: url(../images/body_box_l.png) repeat-y;
}

#body .body-box-c {
	background-color: #fff;
}

#body .body-box-r {
	width: 14px;
	background: url(../images/body_box_r.png) repeat-y;
}

#body .body-box-bl {
	width: 14px;
	height: 15px;
	background: url(../images/body_box_bl.png) no-repeat;
}

#body .body-box-b {
	height: 15px;
	background: url(../images/body_box_b.png) repeat-x;
}

#body .body-box-br {
	width: 14px;
	height: 15px;
	background: url(../images/body_box_br.png) no-repeat;
}

#bodyBackground {
	background:url(../images/body_gradient_bg.png) repeat-x;
	padding-top: 14px;
	min-height: 552px;
}

#content {
	padding: 0 20px 20px 22px;
}

#contentDiv {
	min-height: 500px;
	padding: 25px 35px;
}

#fancybox-inner{
   -webkit-overflow-scrolling: touch !important;
    overflow: scroll !important;
}

#fancybox-outer {
	padding:7px 0 7px 7px;
	border-radius: 6px;
}

#footer {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 90%;
	
}

#languageSelector {
	float: right; 
	padding: 0; 
	margin-right: 5px; 
	color: #ffffff; 
	font-size: 85%;
	margin-top: -6px;
}

#mainHeading {
	width: 968px;
	margin: 0 auto;
	padding-left: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	color: #ffffff;
}

#memberLogo {
	float: right;
	padding: 15px 17px 7px 20px;
}

/*  NAV LIST BEGINS ---- */

#navlist {
	/*padding-bottom:5px;*/
}

ul#navlist {
	margin: 0;
	padding-left: 0;
	white-space: nowrap;
}

#navlist li {
	display: inline;	
	list-style-type: none;
	width: auto;
	float: left;
	margin-right: 2px;
}

#navlist li span.tab-left {
	float: left;
	width: 6px;
	height: 27px;
	background: url(../images/tab_default_left.png) no-repeat;
}
#navlist li span.tab-left_green {
	background: url(../images/tab_green_left.png) no-repeat;
}
#navlist li.active span.tab-left {
	background: url(../images/tab_active_left.png) no-repeat;
}


#navlist li span.tab-right {
	float: left;
	width: 6px;
	height: 27px;
	background: url(../images/tab_default_right.png) no-repeat;
}
#navlist li span.tab-right_green {
	background: url(../images/tab_green_right.png) no-repeat;
}
#navlist li.active span.tab-right {
	background: url(../images/tab_active_right.png) no-repeat;
}



#navlist li span.tab-inner {
	float: left;
	height: 27px;
	background: url(../images/tab_default_inner.png) repeat-x;
}
#navlist li span.tab-inner_green {
	background: url(../images/tab_green_inner.png) repeat-x;
}
#navlist li.active span.tab-inner {
	background: url(../images/tab_active_inner.png);
}

#navlist li span.tab-inner a {
	font-size: 1.0em;
	background: none;
	background-color: transparent;
	padding: 6px 6px 0 6px;
	display: block;
}

#navlist a:link, #navlist a:visited {
	color: #ffffff;
	text-decoration: none;
}

#navlist li.active a:link, #navlist li.active a:visited {
	color: #000000;
	text-decoration: none;
}

#navlist a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/*  NAV LIST ENDS ---- */

#organizationProfile {
	float:right;
	padding-top:10px;
	padding-right:0px; 
	font-size:90%; color: #444444; 
	max-width:300px; 
}

#organizationProfileEvents {
	float:right;
	padding:10px;
	text-align:right;
	border-radius: 3px;
	
	font-size:90%; color: #777; 
	/*background-color: #f6f6f6;
	border: 1px dotted #cccccc;*/
	max-width:470px; 
	margin: -28px 14px 0 0;
}



#progressTable {
	font-size: 12px;
	color: #a4a3a3;
	font-weight: bold;
	vertical-align: top;
}

#progressTable a,  #progressTable a:hover{
	color: #a4a3a3;
	text-decoration: none;
	background: none;
}


#promo {
	font-size: 11px;
	color: #888888;
	padding: 4px;
}

#promo a {
	color: #888888;
	text-decoration:underline;
}

#promo a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #888888;
}

#receipt {
	padding:20px; 
	margin-top:10px;
	background-color:#f1f1f1; 
	border: 1px dashed #aaaaaa;	
}

#tabNavigation {
	width:970px;
	margin: 0 auto;
	text-align:left;
	position: absolute;
	bottom: 0;
}

#titleBanner {
	/*
	background: url("../images/section_header_underline.png") no-repeat scroll left bottom transparent;
	*/
	font-family: "Roboto", Arial;
	font-weight: 400;
	margin: 0px 12px 22px 22px;
	padding:12px 0 2px 0;
	font-size: 1.7em;
	color: #333333;
	min-height: 29px;
}


#topBanner {
	background-color: #1F3089;
	position:relative;
}

#toTop {
	width:100px;
	border:1px solid #FFFFFF;
	background:#41599C;
	text-align:center;
	padding:5px;
	position:fixed; 
	bottom:10px;
	right:10px;
	cursor:pointer;
	display:none;
	color:#fff;
	font-size:85%;
	font-weight:bold;
}



/* PRINT SETTINGS ------------------------------------------------- */

@media print 
{
	body {
		background:none;
		font-size:0.75em;
	}
	
	.noprint{
		display: none;
	}
	
	#actionContainer {
		padding: 0;
	}
	
	#content {
		padding-left: 0;
		padding-right: 0;
	}
	
	#bodyBackground {
		background:none;
	}
	
	#receipt {
		padding:0px; 
		background-color:#ffffff; 
		border:none;	
	}
	
	#titleBanner {
		margin-right: 0;
		margin-left: 0;
		padding-top:0;
	}
}
