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

body {font-family: Arial, Helvetica, sans-serif; font-size:11px; background:url(../images/bg.gif); text-align:center}
.wrapper{ background-color:white; width:962px; margin:0 auto; display:block;}

#headContent img{float:left}

.headRight{	float:right; font-size:12px; margin: 5px 10px}
.headLogin{ margin:57px 0 0 0; text-align:right;}

.headLogin li, #ulTopMenu li{display:inline; color:#e66425;}
#ulTopMenu li{float:left}

.headLogin a{color:#e66425; text-decoration:none}
	.headLogin a:hover{text-decoration:underline}

.headRight label{line-height:22px}
.inputText{border: 1px solid #7F9DB9; padding: 1px; margin:0 4px 0 7px;}

.standardForm button {display:block;}

.blueBtn {background:#2A569B; border:1px solid #143870; color:#FFFFFF; cursor:pointer; font-size:12px; font-weight:bold; margin:-4px 0 0 9px ; height:25px; width:29px; text-align:center; vertical-align:middle; padding:0!important;}
.inputButGo{display:block; width:25px; margin:2px;}

/*************************************** Top Menu */

#divTopMenu {float:left; background:#2A569B url(../images/bgTopMenu.png) repeat-x scroll 0 0; margin-bottom:14px; width:100%; }
	#ulTopMenu{font-size:14px; display:block; margin:0 auto; margin-left:0px;}
		#ulTopMenu li a{background:#2A569B url(../images/bgTopMenu.png) repeat-x scroll 0 0; color:#aae050; text-decoration:none; display:block; line-height:34px; text-align:center; padding:0 13px; font-weight:bold; }
		#ulTopMenu li a:hover{background-position:0 -34px; color:#CAF584;}
		
		#default #navHome a, #support #navSupport a, #resources #navResources a, 
		#news #navNews a, #events #navEvents a, #press #navPress a, #mission #navMission a, #asn #navAsn a, #help #navHelp a{
		background-position:0 -68px; color:#FFFFFF;}

		#navHome{margin-right:-3px;}
		
.headMenuSpace{ background: url(../images/spaceHeadMenu.gif) no-repeat 50% 0; line-height:34px;}

#signInPopUp{width:300px; background: url(../images/bgBox1.gif) repeat-x bottom #FFFFFF; border:1px solid #81b2ed; display:block; padding:1px 1px 15px 20px;} 
	#signInPopUp label{width:88px; float:left; text-align:right; font-weight:bold; color:#2d5066; margin-right:5px;}
	#signInPopUp input{margin-bottom:7px; width:155px!important}
	#signInPopUp #_ctl0__ctl1_UCLogin1_btnLogin{ margin-left:102px!important; }
	.closeBtnCont {width:100%; display:block; text-align:right; height:20px; }
	.closeBtn{float:right; height:17px; width:18px; background:url(../images/close.jpg) no-repeat;}
	#signInPopUp label{ line-height:24px; margin-right:14px;}
	#frmSignInErrorMessage { margin-bottom:6px;
padding:3px 21px 3px 31px; color:red }

.emailPopUp{
	width:600px; 
	background: url(../images/bgBox1.gif) repeat-x bottom #FFFFFF; 
	border:1px solid #81b2ed; 
	display:block; 
	padding:1px 1px 15px 20px;
} 
.emailPopUp label{
	width:88px; 
	float:left; 
	text-align:right; 
	font-weight:bold; 
	color:#2d5066; 
	margin-right:5px;
}
.emailPopUp input{ margin-bottom:7px; width:155px!important }
.emailPopUp label{ line-height:24px; margin-right:14px;}
#edit-txt-message { width: auto }
#frmEmailErrorMessage { margin-bottom:6px;padding:3px 21px 3px 31px; color:red }
.form-submit {

}
/* COMMON */
/*************************************** Content */

h1{font-size:20px; color:#e66425; line-height:30px;}
h2{font-size:20px; color:#275296; line-height:30px;}
a{color:#254f92;}
a:hover{color:#426fb6;}

button{background:url(../images/bgButton.gif) repeat-x; font-weight:bold; color:#FFFFFF; text-align:center; font-size:11px; border:0; padding:4px 6px; line-height:16px; cursor:pointer; text-decoration:none}

.form-submit {background:url(../images/bgButton.gif) repeat-x; font-weight:bold; color:#FFFFFF; text-align:center; font-size:11px; border:0; padding:4px 6px 7px; line-height:16px; cursor:pointer;}

p{font-size:12px; line-height:18px;}
select{width:182px;font-size:11px;}

br.break {border:none; clear:both; display:block; height:1px; line-height:1px; margin:0}
br.break.clearRight {clear:right!important}
br.break.clearLeft {clear:left!important}
hr{border:none; border-bottom: 1px solid #ccddfa; clear:both; display:block; height:1px!important; line-height:1px;}


.subnav, .linkBox {background: #FFF url(../images/bgLinks.gif) repeat-x; display:block;}
	.subnav li{display:block; float:left; line-height:30px;color:#244c8e;  margin-left:5px;}
	.subnav a, .linkBox a{color:#244c8e; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
	.subnav a:hover, .linkBox a:hover, .subnav a:active, .linkBox a:active{text-decoration:underline; color:#E66425}
	
	.linkBox {width:auto!important}
		.linkBox.right {float:right}
		.linkBox a {margin:0 10px}
		

.cont{display:block; background:#FFFFFF; }
.leftContent{margin:0 13px; width:619px; float:left; }
	.leftContent .mainImg {float:left; margin:10px 17px 0 0; border:1px solid #83aef2}

#mainFlash{ margin-bottom:10px}
.mainArea{margin-top:20px; clear:both;}

.rightContent{width:304px; float:right; display:block; margin-right:11px;}
	.rightContent p{font-size:11px;}

.lightBlueBox{border:1px solid #427cd3; background:white url(../images/bgBox1.gif) repeat-x bottom; padding:0 10px;}
	.lightBlueBox p{margin:10px 10px 10px 0; font-size:13px;}
.lightBlueBox a{
text-decoration:none!important;
}
.feed-icon{
float:right;
margin:-18px 0;
text-decoration:none!important
}
.feed-icon img{
margin-left:5px;
vertical-align:text-top

}

.error {
	margin-bottom:6px;
	padding:3px 21px 3px 31px; 
	color:red;
}
select.error {
	padding:3px; 
	color:red;
}

a.pointer {
	text-decoration: none;
	cursor: pointer;
}

/* LANDING PAGES */
/*************************************** Resources and Post Boxes */

#thumbs-div {
	visibility: hidden;
	position: absolute;
}

.ResourcesPostArea{margin-top:10px;}
	.ResourcesPostArea .lightBlueBox{height:130px;}
	
	.ResourcesPostArea select{margin-bottom:7px;}
	.ResourcesPostArea button{clear:both; float:right; margin-top:10px}
	
	.Post button{margin-top:21px;}

	.Resources{float:left;}
	
	.ResourcesPostArea.twoCol {}
		.ResourcesPostArea.twoCol .Resources{width:380px;}
		.ResourcesPostArea.twoCol .Resources p{width:38%; float:left;}
		.ResourcesPostArea.twoCol .formCont {width:51%; padding-top:20px;}
		.ResourcesPostArea.twoCol .Post{width:220px;}
		
	.ResourcesPostArea.oneCol{width:300px; float:right;  }
		.ResourcesPostArea.oneCol .Resources .lightBlueBox{height:151px;}
		.ResourcesPostArea.oneCol .Resources .lightBlueBox p{margin-bottom:5px;}
		.ResourcesPostArea.oneCol button{clear:both; float:right; margin-top:0}
		.ResourcesPostArea.oneCol .Post {margin-top:10px;}
		.ResourcesPostArea.oneCol .Post button{margin-top:0px}
		.ResourcesPostArea.oneCol .Post .lightBlueBox{height:107px;}
	.formCont, .formCont select, .Post{float:right;}

/*************************************** Main Landing Boxes */

.mainBoxes{width:309px; float:left; margin-bottom:20px;}
	.mainBoxes span{width:59px; height:13px; display:block; float:left; margin-right:5px;}
	.mainBoxes h3{font-weight:normal; line-height:13px}
	.mainBoxes .viewAll, .mainBoxes .viewAll:hover {margin:5px 17px; color:#000000; float:right}

#controls-div{
margin:-26px 0 0;
position:relative;
height:26px;
}
#controls-div a{
display:block;
height:22px;
width:24px;
background:url(../images/buttonsImages.jpg) no-repeat;
float:left;
margin-left:2px;
}
#controls-div .play{
background-position:right top;
}
#controls-div .pause{
background-position:-24px top;
}
#controls-div .prev{
background-position:left top;
}
#controls-div .next{
background-position:-48px top;
}


.mainBoxes.twoCol {width:620px; height:auto}
	.mainBoxes.twoCol .colorAreaCont, .mainBoxes.twoCol .colorArea{width:auto; height:auto;}
	.mainBoxes.twoCol .boxInfo {/*height:auto;*/ margin:10px 17px 5px; width:475px; padding-left:100px; padding-bottom:10px;}
	.mainBoxes.twoCol img {height:75px; width:75px; margin:5px 13px 10px -88px!important}
	.mainBoxes.twoCol .viewAll{margin-top:0!important}

.orange, .green, .blueGrey{float:right;}
.blue .colorArea{background:#427cd3 url(../images/blueBg.gif) repeat-x;}
.green .colorArea{background:#abe24f url(../images/greenBg.gif) repeat-x;}
.yellow .colorArea{background:#fbfc6b url(../images/yellowBg.gif) repeat-x;}
.orange .colorArea{background:#fb8d59 url(../images/orangeBg.gif) repeat-x;} 
.purple .colorArea{background:#a268ce url(../images/purpleBg.gif) repeat-x;}
.blueGrey .colorArea{background:#62a0b4 url(../images/blueGreyBg.gif) repeat-x;} 

.blue span{background-color:#427cd3;}
.green span{background-color:#abe24f;}
.yellow span{background-color:#fbfc6b;}
.orange span{background-color:#fb8d59;}
.purple span{background-color:#a268ce;}
.blueGrey span{background-color:#62a0b4;}

.colorAreaCont{width:300px; border:1px solid #83aef2; padding:1px; margin-top:14px; }
.colorArea{border:1px solid white; width:298px; height:198px; background-position:bottom!important}
	.colorArea img{margin:17px; float:left; }

.boxInfo{background:#FFFFFF; width:135px; /*height:158px;*/ margin-top:17px; float:left; margin-right:17px; padding:5px;}
	.boxInfo h1{font-size:14px; font-weight:bold; color:black; line-height:18px; }
	.boxInfo p{font-size:11px;}
	.boxInfo a{margin-top:10px;}
.author a{border-bottom:1px dashed #000000; float:none; text-decoration:none}

/* boxes in ASN006 */
.resourcesLanding .colorAreaCont{/*height:auto;*/}
.resourcesLanding .colorArea{height:140px;}
.resourcesLanding .boxInfo{/*height:auto;*/}




/* CATEGORIES */
/*************************************** Main Feature */

.mainFeature {margin-top:10px;}
	.mainFeature img, .subTeaser img {border:1px solid #83aef2; float:left; margin-right:17px;}
	.mainFeature h1 {color:#275296;}
	.mainFeature hr {clear:none!important;}
	.mainFeature h3 {font-size:13px; line-height:18px; font-weight:bold;}	
	.mainFeature p {margin-bottom:18px;}
	.mainFeature button{float:right; margin-top:20px;}
.mainFeature.helpOut {margin-top:0!important;}

	
.sharing {float:right; margin-bottom: 10px}
	.sharing li {display:block; float:left; margin:0 5px;}
	
/*************************************** Sub Teasers y Bottom Promos*/

.subTeaser {clear:both;}
	.subTeaser li {margin:10px 0; display:block; clear:both;}
	.subTeaser h2 {color:#275296; margin-top:10px;}

.bottomPromos {clear:both; display:block; margin-top:20px;}
	.bottomPromos div {width:185px; float:left; margin-right:17px;}
	.bottomPromos a {line-height:30px;} 

.paging {clear:both; margin:10px 0; display:block; float:left; color:#acacac;}
	.paging a{margin:0 2px; text-decoration:none;}
	.paging a:hover{color:#426fb6;}
	.paging .current{color:#acacac;}
	.paging a.ends{text-decoration:underline;}	
	
	
/*************************************** Search Results*/
.searchResults{margin-top:10px;}
	.searchResults h3{font-size:13px; line-height:18px; font-weight:bold; color:#275296;}
	.searchResults li{padding:8px;}
	.searchResults li.stripe{background-color:#e8f1d7;}




/* RIGHT COLUMN */
/*************************************** Right Content*/

.supportJoinArea button{margin:20px 110px; }
.laguagesBox , .chatRoomGoBox{border:1px solid #86b0f2;}
.laguagesBox{height:115px;}

.genericGreenBox{border:1px solid #ffffff; background:url(../images/greenBg.gif) repeat-x; padding:0 10px; }
	.genericGreenBox h2{font-size:16px!important; font-weight:bold;}
	.genericGreenBox p{padding-top:6px;}
	.genericGreenBox select{margin:15px 50px;}	
	
	.laguagesBox .genericGreenBox{height:113px;} 

.recentMembersArea{margin-top:7px;}

div#pb3 {float: left; width: 230px; margin:0; padding:0 0 0 20px;}

table.componentTable, table.componentTableTitle {border:1px solid #fffef8;}
td.ls-box-title {font-size:14px; font-weight:bold; padding:5px 0;}

.ls-table a.ls-table-element-link {position:relative; padding:0; color:#039; font-family:Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size:12px; }
.ls-table-image { position:relative; float:left; margin:6px 7px 9px 5px; display:block; border:1px solid #666666; }
.ls-table p {position:relative; text-align:left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:4px 0px 12px 0px; }

.imagelist-item {padding:0; margin:0; display:block;}
	.imagelist-item .imagelist-image {float:left; margin:4px; width:50px; height:50px; border:1px solid #286fea; }

.advertisingArea{ margin:1px 2px;}

.chatRoomGoBox{margin-top:7px; height:130px;}
	.chatRoomGoBox .genericGreenBox{height:128px;}
	.chatRoomGoBoxOptions{text-align:right; margin-top:10px;}
	.chatRoomGoBoxOptions a{padding:0 3px;}

.eventsArea{margin-top:10px; width:100% ; display:inline-block}
	.eventsArea span{text-align:right; display:block; margin:10px 0;}
	.eventsArea button{float:right;}

.latestNewsBox{
margin:10px 0;
}
.latestNewsBox a{
text-decoration:none;}
.latestNewsBox a:hover{
text-decoration:underline;
}
.latestNewsBox li{
margin-bottom:10px;
}
.latestNewsBox button{
float:right;
}
.rightContent .linkBox{
background:none!important}





/* FOOTER */
/*************************************** Footer */

#footer{font-family: Arial, Helvetica, sans-serif; font-size:11px; background:url(../images/bgFooter.png) repeat-x scroll 0 19px; height:81px; clear:both; display:block; }
	#footer p{line-height:16px;	margin-left:37px;}
	#footer a{color:#254f92;text-decoration:none;}
	#footer a:hover{text-decoration:underline;}

.footerLinks{color:#254f92;}

h4{
font-size:12px;
font-weight:bold;
color:#275296
}

.gradientBlueButton{
background:url(../images/bgBlueButton.gif) repeat-x;
height:23px;
}
.serviesButtonsCont .gradientBlueButton{
width:70px;
}
.gradientBlueButton span{
padding-left:6px;
}

.servicesCont{
/*width:149px;*/
float:left;
padding:10px 0;
}
.servicesSelect{
width:161px;
}
	
.serviceOptionBox{
height:120px;
width:149px;
border:1px solid #275296;
float:left;
margin-top:4px;
padding:5px;
}


h1 a{color:#e66425; text-decoration:none}
h1 a:hover{color:#f57e4b; text-decoration:none}

.mainForm{
padding-top:10px;
}
.mainForm h2{
font-size:16px;
font-weight:bold
}
.mainForm form{
padding-top:15px;
}
.mainForm label{
float:left;
width:200px;
text-align:right;
display:block;
padding-right:6px;
height:20px;
line-height:11px
}
.mainForm input , .mainForm select , .mainForm textarea{
width:181px;
display:block;
margin-bottom:10px;
}
.serviesButtonsCont{
width:62px;
float:left;
padding:47px 26px;
}
.rightTitle{
float:left;
}
.serviesButtonsCont button{
margin-bottom:6px;
width:69px;
}
.eventsHead h1{
width:300px;
float:left;
}
.eventsHead button{
float:right;
margin-top:3px;
}
.eventDates{
color:#767676;
}
.eventDates span{
padding-right:10px;
}
.eventInfo h2{
padding-bottom:10px;
}
.eventInfo hr{
margin:15px 0;
}
.chatButtonsCont{
padding:10px 0 16px;
}
.chatButtonsCont .gradientBlueButton{
margin-right:19px;
padding-right:0px;
}

.gradientBlueButton img{
text-align:right;
padding-right:10px;
width:8px;;
margin-left:10px;
}


.mainChatContent h1{
width:460px;
float:left
}
.mainChatContent .timeSet{
float:right;
margin-top:12px
}
.timeSet a{
color:#427cd3;
font-weight:bold;
font-size:14px
}
.mainChatContent table{
margin-top:10px;
width:100%;
clear:both;
}
.mainChatContent thead{
background:url(../images/lightBlueBg.gif) repeat-x;

line-height:23px;
}
.mainChatContent th{ 
line-height:18px;
height:23px;
}
.mainChatContent th , .mainChatContent td{
padding:3px 10px 3px 1px; 
color:#355e9d;
font-size:13px;
font-weight:bold;
}
.mainChatContent td{
line-height:42px;
margin-top:2px;
}
.bgTd1{
background-color:#e8f1d7;
}
.bgTd2{
background-color:#f5f6f3;
}
.mainChatContent{
margin-bottom:60px;
}
.dateCombo{
clear:both;
}
.dateCombo select , .timeCombo select{
width:57px;
float:left;
margin-left:3px;
}
.timeCombo select{
margin-right:5px;
}

.timeCombo{
line-height:18px;
}

.timeCombo label{
margin:3px 0;
}
.timeCombo input{
width:10px;
float:left;
margin-bottom:4px;
}
.timeCombo span{
width:55px;
float:left;
line-height:18px;
padding:0 5px 0 2px;
}

.durationOptions{
margin:5px 0 5px 21px;
}

.descriptionTxt textarea{
width:300px;
height:120px;
}
.rightBtn{
float:right;
margin:10px 113px;
}


/*Thank you for scheduling a chat pop up*/
.thanksChatBox{
width:446px;
height:101px;
background:white;
border:1px solid #86b0f2;
padding:22px;
}
.thanksChatBox p{
font-size:12px;
color:#355e9d;
}
.thanksChatBox button{
background:url(../images/closeBlueButton.jpg) no-repeat;
width:60px;
height:24px;
padding-left:20px;
margin-top:12px;
padding-bottom:6px
}

.timeZone{
width:180px;
height:52px;
background:white;
border:1px solid #86b0f2;
padding:10px;
}
.timeZone label{
float:left;
padding-right:10px;
line-height:18px;
margin-bottom:5px
}
.timeZone select{
width:117px;
float:left;
}
.timeZone a{
float:left;
line-height:25px
}
.timeZone button{
float:right
}

.embed{
background-color:#e9f5fe;
padding:10px;
float:right;
width:280px;
}
.embed label{
margin-right:10px ;
color:#286fea;
padding-left:1px;
line-height:24px
}
.embed input{
width:228px;
}

.messages{
color:#335ea2;
border:1px solid #335ea2;
padding:20px;
font-size:13px;
font-weight:bold;
text-align:center
}

#print-mail-form label{
width:108px!important;
}
#print-mail-form input{
width:377px !important
}
#print-mail-form textarea{
float:left;
width:377px;
}
#print-mail-form .description{
clear:both;
line-height:21px;
margin-left:123px;
}
#print-mail-form .form-submit {
float:left;
margin:6px 5px!important;
width:100px!important;
}

#edit-btn-submit , #edit-btn-cancel{
float:left!important;
margin:30px 5px !important;
width:100px!important;
}
#print-mail-form .form-checkbox{
width:10px!important
}
#print-mail-form .option{
clear:both;
display:block;
float:none;
width:253px!important;
line-height:20px;
}

.date-clear-block{
display:compact!important
}
.bottomPromos h2{
font-size:16px;
font-weight:bold;
}

.resourcesLanding .boxInfo a {
float:left
}
.print-content{
background:#FFFFFF;
padding:25px;
}
.print-content h3{
font-size:12px;
font-weight:bold
}
.date-clear-block , .container-inline-date{
clear:none!important;
}

/* Chat form */
#scheduleChatPopUp {
	visibility: hidden; 
	position: absolute;
	background-color:#FFFFFF; 
	border:1px solid #81b2ed; 
	display:block; 
	padding:10px;
	width: 324px;
}
#scheduleChatPopUp .mainForm label{
width:79px;
float:left;
}
#scheduleChatPopUp .date-clear{
clear:none;
}
#edit-time-hour-wrapper .form-select{
margin-right:0px!important;
}
.chat_radio{
width:10px!important;
float:left;
margin-top:0px;
margin-right:5px;
}
#scheduleChatPopUp h3{
color:#2f5198;
font-size:13px;
line-height:20px;
margin-bottom:3px;
font-weight:bold
}
#scheduleChatPopUp .form-item{
margin:0px;
}
.chatRoomForm{
background:#e7f1d8;
padding:5px;
margin-bottom:3px;
}
.buttonsChatCont input{
width:60px; float:left; margin-right:10px;
}
#frmErrorMessage{
margin-left:10px;
}

.mainForm .form-item{
margin:1px!important;
}

td.on_hoover_show_description {
	padding-left: 10px;
}

.container-inline-date .form-item input, .container-inline-date .form-item select, .container-inline-date .form-item option {
margin-right:1px!important;
}

/* all_day_event_span */
span.all_day_event_span {
	float: none;
	width: 100%;
	font-size: 11px;
}

/*asn for you*/
#asnforyou_left{
float:left;
width:301px;
display:block

}
#asnforyou_right{
float:right;
width:247px
}

#asnforyou_left input{
width:355px;
height:100px;
margin-bottom:10px;
}
.chat_description{
width:400px;
padding:10px;
}

div.object_container {
	width:355px;
	margin-bottom:10px;
	font-size: 100%;
	line-height: 1;
	text-align: left;
	border: 1px solid #355E9D;
	padding: 10px;
	margin-top: 5px;
	overflow: auto;
}

#postYourService{
text-decoration:none!important;
margin-top:3px
}
.noSquare{
border:none!important;
}

#newEventButton {margin:-27px 0px 0px 0px}
/*\*/
html*#postYourService{margin-top:10px!important; text-decoration:blink }
html*.oneCol .lightBlueBox p{margin-bottom:5px!important}
html*#promo_resources_country , html*#promo_resources_province{clear:both!important; } /* sólo en safari */
html*#navHome{margin-right:25px;}
html*#ulTopMenu li a{padding:0 11px!important;}/* sólo en safari */

/*\*/
html>body*#edit-time-wrapper .date-spacer{	width:1px;	margin:0px 2px 0px 4px!important; padding:0px!important;}
 
.fix_overflow {
	height: 126px!important;
	overflow: hidden;
}
.fix_overflow p a {
	line-height:18px;
}
p.note {
	font-style: italic;
	font-size: 10px;
	padding: 5px 0px 5px 10px;
}

/* GOOGLE TRANSLATE WIDGET */
div#google_translate_element { float: right; }
div#google_translate_element .goog-te-gadget { text-align: right; }
#headContent a.goog-logo-link img { float: none!important; }
div.newsletter { clear: both; text-align: right; margin-left: 0; _margin-left:120px; }