@import url("layout.css");
@import url("titles.css");
@import url("buttons.css");
/*-----------------------------------------
  LAYOUT
-----------------------------------------*/

#flashBanner {
	margin: 0px 0px 20px;
	padding: 0px;
}

.content {
	margin-top: 20px;
	margin-left:20px;
}



#searchBox {
margin-top:8px;
margin-bottom:8px;
}

#MainMenuBox {
margin-left:6px;
margin-top:6px;
margin-bottom:8px;
}
#MainMenuWrap {
overflow: hidden;
height:38px;
margin:0px;
padding:0px;
}





/*-----------------------------------------
  Basic
-----------------------------------------*/

p, select, input, ol, ul, li, center, .blog, .normal, .story_blurb, legend, label { font-family:arial,helvetica,sans serif; font-size:12px; color:#000000; }

b { font-weight:bold; }
i { font-style:italic; }
u { text-decoration:underline; }
hr { border:0; color:#D7D7D7; background-color:#D7D7D7; height:1px; width:100%; }

h1.bluetitle, .bluetitle  {font-family:arial narrow, arial,helvetica,sans serif; font-size:26px; font-weight:bold; color:#0058BB; text-transform:uppercase; margin-top:0px;}
.title, h1 { font-size:17px; font-weight:bold; font-family:arial narrow,helvetica,sans serif;  margin-bottom:0px;}
.greytitle, h2 { font-family:arial narrow, arial,helvetica,sans serif; font-size:18px; color:#474747; font-weight:normal; text-transform:uppercase; }



.small, .small p { font-family:arial,helvetica,sans serif; font-size:10px; color:#474747; font-weight:normal;}
.smallreq, .smallreq p { font-family:arial,helvetica,sans serif; font-size:12px; color:#474747; font-weight:normal;}

.small p { font-family:arial,helvetica,sans serif; font-size:11px; color:#474747; font-weight:normal;}

.red, td.errorLabel p, .errorLabel { font-family:arial,helvetica,sans serif;  color:red; font-weight:normal; }

p.author { color:#474747;font-size:11px; margin:0px}
p.subtitle { color:#000000;font-size:11px; margin:0px}


H3, H3 a, H3 a:link, h3 a:visited  { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#474747; font-weight:bold;}

H3 a, H3 a:link, h3 a:visited { text-decoration:underline; }
H3 a:hover { text-decoration:none; }
h3.subtitle { font-family:arial narrow, arial,helvetica,sans serif; font-size:18px; color:#474747; font-weight:bold;margin:0px }


h4 {font-family:arial,helvetica,sans serif; font-size:12px; color:#000000; font-weight:bold; margin:0px;padding:0px;  }
h5 {font-family:arial,helvetica,sans serif; font-size:12px; color:#000000; font-weight:bold; margin:0px;padding:0px; font-style: italic;}

.whitetext { color:#FFFFFF; }
.greytext { color:#474747; }
.small { font-size:11px; }
.quotetext { color:#707070; font-size:11px; font-family:arial,helvetica,sans serif;}
.copytext { color:#A3A3A3; }
.message { color:#D8003B; }
.tableborder { background:#BABABA; border-width:1px; border-style:solid; border-color:#474747; width:100%; font-family:geometr706 bdcn bt,arial,helvetica,sans serif; font-size:18px; color:#474747; font-weight:normal; text-transform:uppercase; }
.linkcell { cursor:hand; cursor:pointer; }

a, .normal a { text-decoration:none; color:#0058BB; }
a:hover, .normal a:hover { text-decoration:underline; color:#1F79FF; }

.orangelink { color:#FFFFFF; text-decoration:underline; }
.orangelink:hover  { color:#F9F864; text-decoration:underline; }

.whitelink { color:#FFFFFF; text-decoration:none; }
.whitelink:hover  { color:#FFFFFF; text-decoration:underline; }

ol.normal {
	list-style-position: inside;
	list-style-type: decimal;
	list-style-image: none;
}
#breadcrumb {
color:#474747;
font-style: italic;
font-size:12px;
}


/*-----------------------------------------
  Quiz
-----------------------------------------*/

#qzhldr {
    font-family: verdana, arial, sans-serif;
}

#qzaswr {

}
#qzaswr p {
	background-color: #e3e3e3;
	margin: 10px;
	padding: 10px;
}
#qzscr {
    margin: 10px 0 10px 0;
    font-weight: bold;
    color: #999;
}

/*-----------------------------------------
  Blog
-----------------------------------------*/
.blog {
	margin: 0px;
	padding: 0px;
}

.headline { font-size:11px; font-weight:bold; }


.yellowBox {
background-color:#ff9;border:1px solid #333;
}









#podcast {
	width: 280px;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

.image-left{
	float: left;
	display:block;
	padding: 0 12px 0 0;
}
.image-right{
	float: right;
	display:block;
	padding: 0 12px 0 0;
}



/*-----------------------------------------
  Boxes
-----------------------------------------*/


#courses ul li {
	padding-left: 0px;
	list-style-type: disc;
	list-style-image: url(/images/smallarrow_orange.gif);
	margin-left: -15px;
}
#courses p, #courses ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}


.articles ul li, .arrow ul li {
	padding-left: 0px;
	list-style-type: disc;
	list-style-image: url(/images/smallarrow_orange.gif);
	margin-left: -15px;
}
.articles p, .articles ul, .arrow ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}


#quote  {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px;
	text-align: left;
}
#quote p { color:#707070; font-size:11px; 
font-family:arial,helvetica,sans serif;
padding-bottom: 5px;
}


.highlight, .callout {
 	font-family:arial,helvetica,sans serif; font-size:12px;
	background-color: #D7D7D7;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A5A5A5;
	border-bottom-color: #A5A5A5;
	padding: 5px;
	text-align:center;
	font-weight: bolder;
	color: #0058BB;
	width:90%;
	float:center
}


.highlight2 {
 	font-family:arial,helvetica,sans serif; font-size:12px;
	border:1px solid #A5A5A5;
	padding: 5px;
	color: #0058BB;
	width:95%;
	text-align:left;
	float:center
}




.callout2 {
 	font-family:arial,helvetica,sans serif; font-size:12px;
 	border:1px solid #A5A5A5;
	background-color: #EBEBEB;
	padding: 5px;
	text-align:left;
	color: #0058BB;
	width:95%;
}


#error {
 	font-family:arial,helvetica,sans serif; font-size:12px;
	background-color: #666666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	padding: 5px;
	text-align:left;
	width:400px;
	color: #FFFFFF;
	margin-bottom:15px;

}

.error p, #error p, #error a, #error a:link {
 	font-family:arial,helvetica,sans serif; font-size:12px;
	text-align:left;
	color: #FFFFFF;
}

#error a, #error a:link {
text-decoration:underline;
	color: #FFFFFF;
}



#Action {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A5A5A5;
	border-bottom-color: #A5A5A5;
	text-align:center;
	color: #0058BB;
	background-image: url("/images/boxbkg.png");
	
	/*
	padding: 8px;
		width:100%;

*/
}

#Action p  { color:#F3F3F3;
text-align:left; 
padding-right:5px;
padding-left:5px;
margin:2px;
}

#Action hr {
width:90%;
}

#Action_van2 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A5A5A5;
	border-bottom-color: #A5A5A5;
	padding: 8px;
	text-align:left;
	color: #0058BB;
	width:320px;
	background-image: url("/images/boxbkg2.png");
}

#Action_van {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A5A5A5;
	border-bottom-color: #A5A5A5;
	padding: 8px;
	text-align:left;
	color: #0058BB;
	width:320px;
	background-image: url("/images/boxbkg_long.png");
}

#Action_van h2 { color:#F3F3F3; font-weight:bold; text-transform:uppercase;margin-bottom:5px; margin-top:9px; padding:0px;}

#Action_van a:link, #Action_van a { text-decoration:underline;}
#Action_van a:hover { text-decoration:underline; color:#FFFFFF}

#Action_van h1 { color:#FFFFFF; font-weight:bold; text-transform:uppercase; }

#Action_van p { color:#F3F3F3; margin:0px; }


#Action2 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A5A5A5;
	border-bottom-color: #A5A5A5;
	padding: 8px;
	text-align:left;
	color: #0058BB;
	width:100%;
	background-image: url("/images/boxbkg2.png");
}





#Action h2 { font-family:arial,helvetica,sans serif; font-size:16px; color:#F3F3F3; font-weight:bold; text-transform:uppercase; }

#Action a:link, #Action a {  color:#FFFFFF}
#Action a:hover { text-decoration:underline; color:#FFFFFF}




#Action2 li {
	margin: 0;
	padding: 0;
	list-style-type: disc;
	list-style-image: url(/images/smallarrow_orange.gif);
}
#Action2 ul {
	margin-left: 1.2em;
	padding-left: 0;
}






#addEmail { 
background-color: #D7D7D7; 
border: 1px #666666 solid;
width:280px
}

#boxWP2 { 
background-color: #ffffff; 
border: 1px #0058BB solid;
width:280px;
float:right;
margin-left:20px;
margin-bottom:20px;
}


#WebCastSeries, #FreeResources {
background-color: #ffffff; border: 1px #D7D7D7 solid;
width:208px;
margin-bottom:20px;
}








/*-----------------------------------------
  Boxes2
-----------------------------------------*/




.boxHead {
	background-color: #666666;
	display: block;
	padding: 8px;
}
.boxHeadBlue {
	background-color: #0058BB;
	display: block;
	padding: 8px;
}


.boxHeadGrey {
	background-color: #D7D7D7;
	display: block;
	padding: 2px;
}





.sideBoxContent {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
}


.sideBoxContent label {text-align:left;}

#email1, #email2, #course_id, #keyword, #fname1,#phone1  {
	margin-top: 7px;
	margin-bottom: 7px;
	width:242px;
	font-weight: bold;
}

#wpEmailBox #email1{
 background: none;
}



#email1{
	background-image: url(/images/title_email_here.png);
	background-repeat: no-repeat;
}

#email2{
	background-image: url(/images/title_verify_email.png);
	background-repeat: no-repeat;
}




.titleBox {
background-color: #666666;
display: block;
padding: 8px;
margin-bottom:10px;
}
.titleBox h3 { margin: 0px; padding: 0px;text-align:left;}

.greyBox {
width:280px;
text-align:left;
border:1px solid #666666;
}

.boxHeadBlue {
	background-color: #0058BB;
	display: block;
	padding: 10px;
}
.boxHeadBlue h3 { margin: 0px; padding: 0px;text-align:left;}



#BoxCourses ul, #BoxWebcasts ul, #BoxArticles ul, #BoxPodcasts ul, .boxBlue {
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}




#BoxCourses ul li  {
	padding-left: 0px;
	list-style-type: disc;
	list-style-image: url(/images/smallarrow_orange.gif);
	margin-left: -15px;
		padding-bottom: 2px;
		padding-top: 2px;

}


#BoxWebcasts ul li {
	padding-left: 0px;
	list-style-type: disc;
	list-style-image: url(/images/flash_icon.gif);
	margin-left: -15px;
	padding-top: 2px;
	padding-bottom: 2px;
	


}


#BoxArticles ul li {
	padding-left: 0px;
	list-style-type: disc;
	list-style-image: url(/images/icon_article.gif);
	margin-left: -15px;
	padding-bottom: 2px;
	padding-top: 2px;


}

#BoxPodcasts ul li {
	padding-left: 0px;
	list-style-type: disc;
	list-style-image: url(/images/icon_mp3.gif);
	margin-left: -15px;
	padding-top: 2px;
	padding-bottom: 2px;
}



#BoxWP ul li {
	padding-left: 0px;
	list-style-type: disc;
	list-style-image: url(/images/icon_pdf.gif);
	margin-left: -15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
/*-----------------------------------------
  FORMS
-----------------------------------------*/





form>#submit { /* For non-IE browsers*/
  height: 0px;
}
input:focus{
background-color: #EAEAEA;
}
#addEmail .small {
text-align:left;
padding-bottom:5px;
}

#verifybox{display:none;}

#addEmail label.error, #surveyThanks label.error, #user label.error, label.error, #boxWP label.error {
font-family:arial,helvetica,sans serif;  color:red; font-weight:normal;
font-size:11px;
padding:5px;
width: auto;
text-align:left;
}






#VanNav a:hover {	
background-position: 0px -32px;
color: #E9BE75;
}
#VanNav a {
background:url(/images/bigbluebutton_van_home.gif) top no-repeat;
height: 32px;
width: 660px;
display:block;
}

#VanNav span {
display: none;
}

#MontrealNav a:hover {	
background-position: 0px -32px;
color: #E9BE75;
}
#MontrealNav a {
background:url(/images/bigbluebutton_montreal_home.gif) top no-repeat;
height: 32px;
width: 660px;
display:block;
}
#MontrealNav span {
display: none;
}

#WPNav a:hover {	
background-position: 0px -32px;
color: #E9BE75;
}
#WPNav a {
background:url(/images/bigbluebutton_download_wp.gif) top no-repeat;
height: 32px;
width: 300px;
display:block;
}
#WPNav span {
display: none;
}


#TransNav a:hover {	
background-position: 0px -40px;
color: #E9BE75;
}
#TransNav a {
background:url(/images/bluebox_trans.gif) top no-repeat;
height: 40px;
width: 130px;
display:block;
}

#TransNav span {
display: none;
}


#BroadNav a:hover {	
background-position: 0px -40px;
color: #E9BE75;
}
#BroadNav a {
background:url(/images/bluebox_broading.gif) top no-repeat;
height: 40px;
width: 130px;
display:block;
}

#BroadNav span {
display: none;
}

#SuceedNav a:hover {	
background-position: 0px -40px;
color: #E9BE75;
}
#SuceedNav a {
background:url(/images/bluebox_succeeding.gif) top no-repeat;
height: 40px;
width: 130px;
display:block;
}

#SuceedNav span {
display: none;
}

#DemandNav a:hover {	
background-position: 0px -40px;
color: #E9BE75;
}
#DemandNav a {
background:url(/images/bluebox_ondemand.gif) top no-repeat;
height: 40px;
width: 130px;
display:block;
}

#DemandNav span {
display: none;
}

#CustomizedNav a:hover {	
background-position: 0px -40px;
color: #E9BE75;
}
#CustomizedNav a {
background:url(/images/bluebox_custom.gif) top no-repeat;
height: 40px;
width: 130px;
display:block;
}

#CustomizedNav span {
display: none;
}

#ButtonMenu ul {
list-style:none;
width:660px;
height:40px;
float:left;
}

#ContinueSubmit {
	background:url(/images/btn/continueLong.png) top no-repeat;
	height: 60px;
	width: 600px;
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	text-align:center;
}
#ContinueSubmitSmall {
	background:url(/images/btn/continue.png) top no-repeat;
	height: 32px;
	width: 206px;
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	text-align:center;
}
#clearSubmitSmall {
	background:url(/images/btn/clear.png) top no-repeat;
	height: 32px;
	width: 206px;
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	text-align:center;
}

#OrderSubmitSmall {
	background:url(/images/btn/submitOrder.png) top no-repeat;
	height: 32px;
	width: 206px;
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	text-align:center;
}

#gohomeSubmitSmall a {
	background:url(/images/btn/gohome.png) top no-repeat;
	height: 32px;
	width: 206px;
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	text-align:center;
}


#gohomeSubmitSmall span {

}



#SendEmailSubmitSmall {
	background:url(/images/btn/sendEmail.png) top no-repeat;
	height: 32px;
	width: 206px;
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	text-align:center;
}
#printlogo {
display:none;
}
#printicon {
font-size:11px;}
#printicon img{
position:relative;
bottom:-2px;
}



.grey-menu li {
font-size:10pt;
padding-bottom:5px;
padding-left: 10px;
background-image: url(/images/smallarrow_orange.gif);
background-repeat: no-repeat;
background-position: 0px 0.5em;
}
.grey-menu{
margin-left: 0;
padding-left: 0;
list-style: none;
}