@charset "UTF-8";
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	height: 100%;
	
}
#mainContent a:link {
	color: #4444BB;
	text-decoration: none;
	}
#mainContent a:visited {
	color: #4444BB;
	text-decoration: none;
	}
#mainContent a:active {
	color: #4444BB;
	text-decoration: none;
	}
#mainContent a:hover {
	color: #000066;
	text-decoration: none;
}
* html #mainContent a:hover {
	color: #000066;
}
.sidebar1 a:hover {
	font-weight: bold;
	text-decoration: none;
}
* html .sidebar1 a:hover {
	font-weight: bold;
}

#container {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;  
	border: 1px solid #000000;
	text-align: left;
	min-width: 1000px;
}
* html #container {
	min-width: 1000px;
	min-height: 700px;
}
#header img {
border: 0 0 0 0;
} 
#header { 
	background-image: url(images/sliver.png);
	background-repeat: repeat-x;
} 
.sidebar1 {
	position: relative;
  float: left; 
  width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 15px 10px 10px 20px;
  height: 100%;
	border-top: 0px;

}
.sidebar1table {
	background-image: url(http://rc.stagingtraining.com/style/default/images/sidebar_bg.gif);
	background-repeat: repeat-y;
}
* html #sidebar1 {
	min-height: 700px;
	min-height: 100%;
}
.logobottom {
background: url(images/sidebar_bg.gif) no-repeat center bottom;
}
#sidebar2 {
	float: right;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 140px; 
	padding: 10px 10px 0 15px; 
}
#mainContent {
  float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	width: 81%;
  height: 100%;
	margin: 0 0 0 -5px; 
	padding: 10px 5px 10px 10px; 
	border-top: 0px;
	/*border-left: 5px solid #000000;*/
}
 	
#insideContent {
  float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	width: 100%;
  height: 100%;
	border-top: 0px;
	padding: 10px 5px 0 0px; 
}	
* html #insideContent {
	min-width: 100%;
}
#download_centre {
	float: left;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 45%; 
	padding: 10px 0 0 10px; 
}
* html #download_centre {
	min-width: 280px;
} 
#marketing_links {
	float: left;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 25%; 
	padding: 10px 0 0 10px; 
}
* html #marketing_links {
	min-width: 270px;
}
#corporate_logos {
	float: right;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 180px; 
	padding: 10px 0 0 10px; 
}
* html #corporate_logos {
	min-width: 180px;
}  
#can_logos {
	float: left;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 100%; 
	padding: 10px 0 0 0px; 
}
* html #can_logos {
	min-width: 100%;
} 
#footer { 
	padding: 0 10px 0 20px;
	background: #000; 
	border-top: 5px solid #e5c65a;
	overflow: hidden; 
} 
#footer p {
	margin: 0; 
	padding: 10px 0;
	text-align: right;
	
}

/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
} 
.intro {
	font-size: 16px;
	line-height: 1.3em;
	color: #000000;
}
.mentorbiotable {
background-image: url('http://www.canadianstagingprofessionals.com/images/mentorbg.jpg');
background-repeat: no-repeat;
vertical-align: top;
border-left: 2px solid #000000;
border-bottom: 2px solid #000000;
border-right: 2px solid #000000;
}

.mentorbiotable a:link, a:visited {
color: #AD4000;
font-weight: normal;
text-decoration: bold;
}

.mentorbiotable strong {
color: #000000;
font-weight: none;
text-decoration: bold;
}

.mentormain {
background-image: url('images/mentormain.jpg');
background-repeat: no-repeat;
padding-left: 10px;
padding-right: 10px;
}
#loginboxes {
	width: 360px;
/*	height: 150px; */
     float: center;
		 align: center;
     background-color:#CCCCCC;
     padding: 10px;
     border: 2px solid #000000;
     background-image: url(images/watermark.gif);
     background-position: bottom right;
     background-repeat: no-repeat;
     }
form.login {
	width: 260px;
	float: center;
	clear: both;
	display: block;
	}
.shared_tip {
width: 55%;
float: left;
align: left;
text-algn: left;
padding-left: 10;
}	
.shared_tip_list {
width: 37%;
float: right;
align: right;
text-algn: left;
padding-left: 10;
}
.shared_tip_author {
float: right;
font-weight: bold;
align: right;
text-algn: right;
padding-right: 10;
}
.style1 {font-size: 16px; font-weight: bold; color: #000000; }
.style2 {font-size: 16px; font-weight: bold; color: #666666; }
.style3 {font-size: 16px; font-weight: bold; color: #8f0000; }
.style4 {font-size: 16px; font-weight: bold; color: #0060b6; }
.style5 {font-size: 10px; font-weight: bold; color: #000000; }
.style6 {font-size: 16px; font-weight: bold; color: #ffffff; }
.style7 {font-size: 16px; font-weight: bold; color: #0060b6; }
.style8 {font-size: 16px; font-weight: bold; color: #990000; }
.style9 {font-size: 16px; font-weight: bold; color: #006600; }
.style10 {font-size: 16px; font-weight: bold; color: #ff6600; }
.style11 {font-size: 18px; font-weight: bold; color: #FFFFFF; } 
.style12 {font-size: 16px; font-weight: bold; color: #660066; }
.style13 {font-size: 16px; font-weight: bold; color: #6666cc; }
/* set millions of background images */
.rbroundbox { background: url(http://www.stagingtraining.com/images/boxtm.jpg) repeat-x;}
.rbroundbox1 { background: url(http://www.stagingtraining.com/images/boxtm.jpg) repeat-x; width: 600px; margin: 1em auto;}
.rbroundbox2 { background: url(http://www.stagingtraining.com/images/boxtm.jpg) repeat-x; width: 326px; margin: 1em auto;}
.rbtop div { background: url(http://www.stagingtraining.com/images/boxtl.jpg) no-repeat top left; }
.rbtop { background: url(http://www.stagingtraining.com/images/boxtr.jpg) no-repeat top right; }
.rbtop1 div { background: url(http://www.stagingtraining.com/images/boxtl.jpg) no-repeat top left; }
.rbtop1 { background: url(http://www.stagingtraining.com/images/boxtr.jpg) no-repeat top right; }
.rbtop2 div { background: url(http://www.stagingtraining.com/images/boxtl.jpg) no-repeat top left; }
.rbtop2 { background: url(http://www.stagingtraining.com/images/boxtr.jpg) no-repeat top right; }
.rbbot div { background: url(http://www.stagingtraining.com/images/boxbot.jpg) no-repeat bottom left; }
.rbbot1 div { background: url(http://www.stagingtraining.com/images/boxbot1.jpg) no-repeat bottom left; }
.rbbot2 div { background: url(http://www.stagingtraining.com/images/boxbot2.jpg) no-repeat bottom left; }

/* height and width stuff, width not really nessisary. */
.rbtop div {
width: 300px;
height: 30px;
padding-left: 5px;
}
.rbtop {
width: 305px;
height: 30px;
font-size: 18px;
color: #fff;
}
.rbbot div, .rbbot {
width: 305px;
height: 27px;
font-size: 1px;
}
.rbcontent {
padding: 10px;
background: url(http://www.stagingtraining.com/images/promo_container_bg1.jpg) repeat-y;
height: 150px;
text-align: left; 
}
.rbtop1 div {
width: 600px;
height: 30px;
padding-left: 5px;
}
.rbtop1 {
width: 600px;
height: 30px;
font-size: 18px;
color: #fff;
text-align: left; 
}
.rbbot1 div, .rbbot1 {
width: 100%;
height: 27px;
font-size: 1px;
}
.rbcontent1 {
padding: 10px; 
/*background: url(images/promo_container_bg1.jpg) repeat-y;*/
text-align: left; 
}
.rbtop2 div {
width: 326px;
height: 30px;
padding-left: 5px;
}
.rbtop2 {
width: 326px;
height: 30px;
font-size: 18px;
color: #fff;
text-align: left; 
}
.rbbot2 div, .rbbot2 {
width: 100%;
height: 1px;
font-size: 1px;
}
.rbcontent2 {
padding: 10px; 
background: url(http://www.stagingtraining.com/images/promo_container_bg2.jpg) repeat-y;
text-align: left; 
}
.class_buttons  {
width: 160px;
margin: 0px auto;
color: #000000;
}
.class_buttons a:link, .class_buttons a:visited {
	text-align: center;
	border: 1px solid #101010;
	padding: 4px 2px 4px 2px;
	display: block;
	background-color: #d0ac58;
	font-size: 100%;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	}
.class_buttons a:active, .class_buttons a:hover {
	text-align: center;
	border: 1px solid #000000;
	padding: 4px 2px 4px 2px;
	display: block;
	background-color:#f0d58c;
	font-size: 100%;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	}
.class_table {
/*	background-color: #F1D154;*/
	background-color: #0F0F0F;
	border: 2px solid #D0AC58;
	width: 600px;
	}
.class_text {
	color: #E3C454;
	font-weight: bold;
}
#ajax_tooltipObj{
	z-index:1000005;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('images/arrow.gif');
	width:0px;
	position:absolute;
/*	left:200px; */
	top:20px;
/*	background-repeat:no-repeat;
	background-position:center left;*/
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:-200px;	/* Same as border thickness */
	top:40px;
	position:absolute;
	width:400px;	/* Width of tooltip content */
	height:30px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:visible;	/* Hide overflow content */
	z-index:1000001;
}
html>body .ajax_tooltip_content{ left:-125px; }
html>body #ajax_tooltipObj { left:-125px; }

.call_list {
align: center;
width: auto;
height: auto;
background-color: #EEEEEE;
color: #8888AA;
padding: 5px 5px 5px 5px;
/*position: static;
vertical-align: top; */
}
.call_list_amount {
width: auto;
height: auto;
font-size: 14px;
font-weight: bold;
font-color: #DDDDFF;
color: #DDDDFF;
background-color: #333333;
padding: 5px 5px 5px 5px;
align: center;
text-align: center;
}
.call_list_page {
font-size: 14px;
font-weight: bold;
font-color: #DDDDFF;
color: #DDDDFF;
background-color: #333333;
padding: 0px 5px 0px 0px;
align: right;
text-align: right;
}
.call_list_display {
width: 30%;
float: left;
align: left;
text-align: right;
padding: 5px 0px 5px 0px;
}
.call_list_button {
width: 30%;
float: left;
align: left;
text-align: center;
padding: 5px 0px 5px 0px;
}

.call_list_contacts {
width: 30%;
float: left;
padding: 5px 0px 5px 0px;
}
.call_list_state {
width: 30%;
float: left;
align: center;
text-align: center;
padding: 5px 0px 5px 0px;
}
.call_list_country {
width: 30%;
float: left;
align: left;
text-align: right;
padding: 5px 0px 5px 0px;
}
.call_list_text {
width: 30%;
float: left;
padding: 5px 0px 5px 0px;
}
.call_list_name {
width: 30%;
float: left;
padding: 5px 0px 5px 0px;
}
.call_list_row {
width: 100%;
height: 35px;
align: center;
}
.call_list_even tr, .call_list_even td {
background-color: #DFDFDF;
border: 0px;
}
.call_list_odd tr, .call_list_odd td {
background-color: #FFFFFF;
border: 0px;
}
.comments_popup {
width: 100%;
background-color: #FFFFFF;
border: 3px solid blue;
}
.comments_popup_table {
width: 90%;
font-size: 10px;
background-color: #FFFFFF;
}
/* Edit Member */
.rightalign  {
float: right;
align: right;
text-align: right;
padding-right: 10px;
}
.leftalign  {
width: 250px;
align: left;
text-align: left;
padding-left: 10px;
font-color: gold;
color: gold;
}
.searchline {
width: 99%;
height: 20px;
background-color: #405ec7;
border-width: 4px;
border-color: #6B81E9;
border-style: outset;
font-color: gold;
color: gold;
}
.add_user_button {
vertical-align: bottom;
padding-right: 10px;
}