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

/* -------------------------------------------------------- */
/* -- GLOBAL ---------------------------------------------- */
/* -------------------------------------------------------- */
flag {color:#ff0000;}
flag img {outline:1px solid #ff0000;}

* {margin: 0px; padding: 0px; border: none;}

a:link { text-decoration:none; color: #003399; font-family: Verdana,helvetica,arial,sans-serif;}
a:visited { text-decoration:none; color: #003399;font-family: Verdana,helvetica,arial,sans-serif; }
a:hover { text-decoration:underline; font-family: Verdana,helvetica,arial,sans-serif;}
a:active { text-decoration:none; color: #003399;font-family: Verdana,helvetica,arial,sans-serif; }




div.clear {clear: both;}

a.with_arrow {
	background-image: url(../images/arrow_right.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	color: #007cc2;
	text-align: left;
	}
	
	a.with_arrow:link {text-decoration: none;}
	a.with_arrow:visited {text-decoration: none;}
	a.with_arrow:hover {color: #26b5ff; text-decoration: underline;}
	a.with_arrow:active {text-decoration: none;}
	



body { margin-top: 0; padding-bottom:8px; margin:auto; font-family: Verdana, Arial, sans-serf; font-size : 12px; line-height : 16px; background:#d4d4d4 url(/brainshark/images/glb/page_bg.png) repeat-x; }
	
.container {
	width: 996px;
	margin: 15px auto 0 auto;
	background-color:#fff;
	padding:0
	}
	
/* -------------------------------------------------------- */
/* -- HEADER - Common ------------------------------------- */
/* -------------------------------------------------------- */

.header {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 76px;
	}
	
/* -------------------------------------------------------- */
/* -- HEADER - Top of the page ---------------------------- */
/* -------------------------------------------------------- */

.header .site-nav {
	position: absolute;
	top: -6px;
	right: 0px;
	width: 368px;
	height: 24px;
	background:url(/brainshark/images/glb/site-nav-bg.gif) 0 0; 
	background-repeat: no-repeat; 
	font-size:.9em;
	font-family:Arial, Verdana; 
	}
	
.header .site-nav ul {
	margin: 0px 2px 0px 17px;
	padding:0px
	}

.header .site-nav ul li {
	display: inline;
	float: left;
	padding: 2px 6px 0px 0px;
	text-align: center;
	
	font-size:10px;	
	white-space:pre-wrap;
	
	}


.header .site-nav ul li a:link {color: #7d7d7d; text-decoration: none; font-weight:normal; font-family: Verdana; font-size: .95em; }
.header .site-nav ul li a:visited {color: #7d7d7d; text-decoration: none; font-family: Verdana; font-size: .95em; }
.header .site-nav ul li a:hover {color: #000000; text-decoration: none; font-family: Verdana; font-size: .95em; }
.header .site-nav ul li a:active {color: #7d7d7d; text-decoration: none;font-family: Verdana; font-size: .95em; }
.header .site-nav ul li a.selected {color: #000000; text-decoration: none; font-family: Verdana; font-size: .95em; }


div#main-nav {background:#174FB1 url(/brainshark/images/Glb/nav-bg.gif) repeat-x; height:30px; color:#d4d4d4}
div#main-nav a:link, div#main-nav a:visited, div#main-nav a:hover {color:#fff; font-size: 10pt;}
div#main-nav div.tabBar { padding: 0; font-family: Verdana, sans-serif;   }
div#main-nav ul.tab, ul.tab li { list-style-type:none; margin: 0; padding:0; }
div#main-nav ul.tab {padding:0 0 0 20px; }
div#main-nav ul.tab li { float:left; text-align: center; padding-top:7px; background:transparent url(/brainshark/images/Glb/nav-sep.png) no-repeat scroll right top;}
div#main-nav ul.tab li:hover {background:#2961e7 url(/brainshark/images/Glb/nav-hover-bg.png) top repeat-x; height:22px }
div#main-nav ul.tab a { display:block; text-decoration:none; padding: 0px 0px 5px 0px; color:#fff; font-weight:normal }
div#main-nav ul.tab li.navTabDown {background-color:#174FB1}
div#main-nav ul.tab li.navTabDown a { font-weight:bold; color: #fff; }
div#main-nav ul.tab a:hover { text-decoration: none; }
	
/* -------------------------------------------------------- */
/* -- HEADER - Logo --------------------------------------- */
/* -------------------------------------------------------- */

.header .logo {
	position: absolute;
	top: 16px;
	left: 14px;
	background: url(../images/brainshark_logo.png) no-repeat;
	width: 182px;
	
	}
	
.header .logo a {
	display: block;
	width: 137px;
	height: 44px;
	}

.header .logo a i {
	display: none;
	}
	
/* -------------------------------------------------------- */
/* -- HEADER - Nav on the Right --------------------------- */
/* -------------------------------------------------------- */

.header .search_nav {
	position: absolute;
	bottom: 10px;
	right: 0px;
	}

.header .search_nav ul {
	font-size: .7em;
	float: left;
	margin: 3px 8px 0px 0px;
	}
	
.header .search_nav ul li {
	display: inline;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #d1d1d1;
	
	}
	
.header .search_nav ul .last {
	padding: 0px 5px 0px 5px;
	border-right: none;
	}
	
.header a {font-weight:normal;}
	
.header .search_nav ul li a:link {color: #007cc2; text-decoration: none;}
.header .search_nav ul li a:visited {color: #007cc2; text-decoration: none;}
.header .search_nav ul li a:hover {color: #26b5ff; text-decoration: none;}
.header .search_nav ul li a:active {color: #007cc2; text-decoration: none;}
	
.header .search_nav form {
	float: left;
	}
		
input.generic_text_input {
	vertical-align:top;
	height:15px;
	font-size: .7em;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #d1d1d1;
	padding: 2px 3px 2px 3px;
	}

input.generic_html_button {
	vertical-align:top;
	font-size: .7em;
	color: #007cc2;
	background-color: #d1d1d1;
	background-image: url(../images/search_button_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border: 1px solid #d1d1d1;
	margin: 0 0 0 -1px;
	padding: 1px 5px 3px 5px;
	cursor: pointer;
	}

/* -------------------------------------------------------- */
/* -- NAV - Pulldown -------------------------------------- */
/* -------------------------------------------------------- */
.pulldown {
	width: 100%;
	background-color: #007cc2;
	background-image: url(../images/nav_corners_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: .75em;
	}

.pulldown ul {
	list-style: none;
	border-left: 1px solid #47a8f1;
	margin: 0px 0px 0px 10px;
	overflow: auto;
	}

.pulldown li {
	display: block;
	float: left;
	text-transform: capitalize;
	border-right: 1px solid #47a8f1;
	}

.pulldown li#selected a {
	background-color: #47a8f1;
	}
	
.pulldown a {
	float: left;
	color: #ffffff;
	background-color: #007cc2;
	padding: 1px 8px 3px 8px;
	font-weight: bold;
	text-decoration: none;
	}

.pulldown a span {
	float: none;
	display: block;
	padding: 4px 8px 2px 7px;
	}

.pulldown a:hover {
	background-color: #47a8f1;
	}

.pulldown a:hover span {
	background-color: #47a8f1;
	}

.pulldown .selected a, #ddcolortabs .selected a span { /*currently selected tab*/
	background-color: #47a8f1;
	}

.submenu {
	position: absolute;
	top: 0px;
	background-color: #a4d5fa;
	width: 135px;
	border-top: none;
	border-left: 1px solid #47a8f1;
	border-bottom: none;
	border-right: 1px solid #47a8f1;
	font-size: .75em;
	line-height: 18px;
	text-transform: capitalize;
	z-index: 100;
	visibility: hidden;
	margin: -1px 0px 0px -1px;
	}


.submenu a {
	width: auto;
	display: block;
	border-bottom: 1px solid #47a8f1;
	padding: 2px 15px 2px 15px;
	text-decoration: none;
	color: #000000;
	}

.submenu a:hover {
	background-color: #47a8f1;
	color: #ffffff;
	}
	
/* -------------------------------------------------------- */
/* -- NAV - Images ---------------------------------------- */
/* -------------------------------------------------------- */

.imgs {
	height: 249px;
	background-color: #999999;
	}
	
.imgs .imgs_content {
	display: none;
	position: relative;
	}

.imgs .imgs_content h2 {
	width: 100%;
	position: absolute;
	top: 45px;
	left: 32px;
	font-size: 1.65em;
	}

.imgs .imgs_content div {
	position: absolute;
	top: 85px;
	left: 140px;
	width: 430px;
	font-size: .8em;
	}

.imgs .imgs_content p {
	margin: 0px 0px 5px 0px;
	}

.imgs .imgs_content p a:link, .imgs .imgs_content p a:visited {
	position: inherit;
	display: inline;
	background-image: none;
	color: #007cc2;
	}

.imgs .imgs_content p a:hover, .imgs .imgs_content p a:active, .imgs .imgs_content p a:focus {
	color: #26b5ff;
	}

.imgs .imgs_content .inverse{
	color: #ffffff;
	}

/* home page nav rollover (video button) */
.imgs .imgs_content a {
	position: relative;
	top: -170px;
	left: 32px;
	display: block;
	width: 90px;
	height: 111px;
	background-image: url(../images/clear.gif);
	}
	
/* home page nav rollover (video button) */
.imgs .imgs_content a i {
	display: none;
	font-weight: bold;
	font-size: .75em;
	color: #000000;
	}
	
/* home page nav rollover (video button) */
.imgs .imgs_content a:hover {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

a:link#img_swap1, a:visited#img_swap1 {background: url(../images/nav_on.jpg) 0px 0px;}	
a:link#img_swap2, a:visited#img_swap2 {background: url(../images/nav_on.jpg) 0px -111px;}	
a:link#img_swap3, a:visited#img_swap3 {background: url(../images/nav_on.jpg) 0px -222px;}	
a:link#img_swap4, a:visited#img_swap4 {background: url(../images/nav_on.jpg) 0px 222px;}	
a:link#img_swap5, a:visited#img_swap5 {background: url(../images/nav_on.jpg) 0px 111px;}	

a:hover#img_swap1, a:active#img_swap1, a:focus#img_swap1 {background: url(../images/nav_on.jpg) 90px 0px;}	
a:hover#img_swap2, a:active#img_swap2, a:focus#img_swap2 {background: url(../images/nav_on.jpg) 90px -111px;}	
a:hover#img_swap3, a:active#img_swap3, a:focus#img_swap3 {background: url(../images/nav_on.jpg) 90px -222px;}	
a:hover#img_swap4, a:active#img_swap4, a:focus#img_swap4 {background: url(../images/nav_on.jpg) 90px 222px;}	
a:hover#img_swap5, a:active#img_swap5, a:focus#img_swap5 {background: url(../images/nav_on.jpg) 90px 111px;}	

/* -------------------------------------------------------- */
/* -- NAV - Pop-Up Tabs ----------------------------------- */
/* -------------------------------------------------------- */

.tabs {
	position: relative;
	bottom: 0px;
	width: 100%;
	}
	
.tabs ul li {
	display: block;
	float: left;
	width: 234px;
	height: 30px;
	margin: 0px 1px 0px 0px;
	}

.tabs ul li.current {
/*	background-color: transparent; */
	}

.tabs ul li + li + li + li + li {
	width: 235px;
	margin: 0px 0px 0px 0px;
	}

.tabs ul li.hidden {
	display: none;
	}
	
.tabs ul li a {
	position: absolute;
	bottom: 0px;
	display: block;	
	width: 198px;
	color: #ffffff;
	font-weight: bold;
	font-size: .75em;
	text-decoration: none;
	padding: 8px 18px 9px 18px;
	background-image: url(../images/nav_images_bg.png);
	background-position: 0px 0px;
	background-repeat: repeat;
	background-color: transparent;
	}
	
.tabs ul li a.current {
	height: 50px;
	}

.tabs ul li + li + li + li + li a {
	width: 199px;
	}

.tabs ul li a span {
	display: block;
	margin: -8px -18px -7px -18px;
	padding: 8px 18px 7px 18px;
	background-color: transparent;
	background-image: url(../images/arrow_up.png);
	background-position: 207px 8px;
	background-repeat: no-repeat;
	}
	
.tabs ul li a.current span {background-image: none;}

/* -------------------------------------------------------- */
/* -- CONTENT - Common ------------------------------------ */
/* -------------------------------------------------------- */

.content_bg {
	background-color: #ffffff;
}

.content {
	background-color: #ffffff;
	
	padding: 0px 16px 35px 16px;
	margin: 16px 0px 6px 0px;
	
	line-height: 1.2em;
}

.content .lhs {
	width: 600px;
	padding: 0px 0px 0px 0px;
	}

.content h1 {
	color: #007cc2;
	font-size: 1.6em;
	padding: 0px 0px 3px 0px;
	margin: 25px 0px 15px 0px;
	}
	
.content h2 {
	color: #4b4b4b;
	border-bottom: 1px solid #d1d1d1;
	font-size: 1.2em;
	padding: 0px 0px 3px 0px;
	margin: 35px 0px 10px 0px;
	text-transform: uppercase;
	}
	
.content h3 {
	color: #FF713F;
	margin: 25px 0px 15px 0px;
	font-weight: bold;
	}
	
.content h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 1.1em;
	}

.content h5 {
	margin: 20px 0px 0px 0px;
	font-weight: bold;
	font-size: 1.1em;
	}
		
.content img.inset {
	float: right;
	margin: 20px 0px 10px 20px;
	}
	
.content img.inset2 {
	float: left;
	margin: 0px 15px 0px 0px;
	}
	
.content p {
	margin: 10px 0px 10px 0px;
	line-height: 1.3em;
	}
	
.content p + img {
	margin: 15px 0px 40px 0px;
	}

.content ul {
	margin: 0px 0px 10px 18px;
	list-style-image: url(../images/bullet.gif);
	}
	
.content ul.p {
	margin: 10px 0px 0px 0px;
	list-style: none;
	}

.content ul.p li {
	margin: 0px 0px 0px 0px;
	}

.content ol {
	margin: 0px 0px 0px 20px;
	}
	
.content ol li{
	margin: 0px 0px 0px 10px;
	}
	
.content ol li p {
	margin: -5px 0px 25px 0px;
	}

.content ol li h4 {
	margin: 0px 0px 10px 0px;
	}

	
p.inset, div.inset {
	margin: 0px 0px 10px 15px;
	}	

div.module {
	border-bottom: 1px dotted #d1d1d1;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

div.news-module {
	border-bottom: 1px dotted #d1d1d1;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 15px 0px;
	}

		div.news-module ul li p {
			margin: 15px 0px 0px 0px;
			font-weight: bold;
			}
			
		div.news-module a {
			font-weight: normal;
			}


.content dl.descriptions dd {
	border-bottom: 1px dotted #d1d1d1;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	}	

.content dl {
	border-bottom: 1px dotted #d1d1d1;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 10px;
	}	

	.content dl dt {
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		}	
	
	.content dl dd {
		padding: 0px 0px 0px 15px;
		margin: 0px 0px 0px 0px;
		background: url(../images/bullet.gif) 5px 5px no-repeat;
		}	

.content .news {
	margin: 16px 0px 15px 0px;
	padding: 0px 20px 0px 20px;
	}
			
		.content .news h1 {
			margin: 0px -20px 10px -20px;
			}
			
		.content .news h2 {
			text-transform: capitalize;
			margin: 0px -10px 10px -10px;
			padding: 10px 0px 0px 0px;
			color: #000000;
			border: none;
			}
			
		.content .news h3 {
			font-style: italic;
			font-weight: normal;
			padding: 0px 0px 0px 0px;
			margin: 0px -10px 10px -10px;
			text-transform: none;
			border: none;
			color: #000000;
			}
			
		.content .news h4 {
			font-weight: bold;
			padding: 0px 0px 0px 0px;
			margin: 25px 0px 0px 0px;
			}
			
		.content .news p {
			margin: 10px 0px 15px 0px;
			line-height: 1.3em;
			}

		.content .news blockquote {
			margin: 5px 65px 25px 65px;
			padding: 10px 10px 0px 10px;
			font-style: italic;
			font-family: Arial, Helvetica, sans-serif;
			}
		
		.content .news blockquote p {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-align: right;
			margin: 5px 0px 0px 0px;
			}
		
		.content .news ul {
			margin: 0px 0px 10px 35px;
			}
		
		.content .news ul li{
			margin: 5px 0px 0px 5px;
			}
			
		.content .news a:link {color: #007cc2; text-decoration: underline;}
		.content .news a:visited {color: #007cc2; text-decoration: underline;}
		.content .news a:hover {color: #26b5ff; text-decoration: underline;}
		.content .news a:active {color: #007cc2; text-decoration: underline;}


.content ul.hotlinks-off {display: none;}

.content ul.hotlinks {
	list-style: none;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.content ul.hotlinks li a {
	color: #007cc2;
	background-image: url(../images/arrow_right.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding: 2px 0px 2px 20px;
	margin: 0px 0px 0px 0px;
	display: block;
	}
	
.content ul.hotlinks li a:hover {color: #26b5ff; text-decoration: none;}
	
.content_bottom {
	background-color: #ffffff;
	background-image: url(../images/content_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 6px;
	margin: 0px 0px 10px 0px;
	}
.right h3 {color:#999}
/* -------------------------------------------------------- */
/* -- CONTENT - Homepage - Headlines ---------------------- */
/* -------------------------------------------------------- */

.content .headlines {
	position: relative;
	border: 1px solid transparent;
	width: 668px;
	height: 26px;
	margin: 10px 0px 10px 0px;
	background-image: url(../images/headlines_full.gif);
	background-repeat: no-repeat;
	}
	
.content .headlines h3 {
	position: absolute;
	top: -25px;
	font-size: .95em;
	font-weight: bold;
	width: 111px;
	height: 26px;
	text-align: center;
	}
		
.content .headlines h3 a {
	padding: 6px 0px 0px 2px;
	margin: 0px 0px 0px 0px;
	color: #007cc2;
	display: block;
	width: 111px;
	height: 20px;
	}
	
.content .headlines h3 a:link {text-decoration: none;}
.content .headlines h3 a:visited {text-decoration: none;}
.content .headlines h3 a:hover {text-decoration: none; background-image: url(../images/headlines_full.gif); background-position: 0px -29px;}
.content .headlines h3 a:active {text-decoration: none;}
	
.content .headlines p {
	position: absolute;
	left: 122px;
	width: 530px;
	height: 15px;
	padding: 0px 0px 0px 0px;
	margin: 6px 0px 0px 0px;
	overflow: hidden;
	}

.content .headlines p a {color: #333333;}
.content .headlines p a:hover {color: #007cc2;}
.content .headlines p a:active {color: #007cc2;}
.content .headlines p a:focus {color: #007cc2;}


/* -------------------------------------------------------- */
/* -- CONTENT - Homepage - Modules - Left ----------------- */
/* -------------------------------------------------------- */

.content .module_left {
	float: left;
	width: 325px;
	margin: 0px 16px 16px 0px;
	}

.content .module_left div h3 {
	font-size: .9em;
	font-weight: bold;
	color: #007cc2;
	padding: 0px 2px 2px 2px;
	margin: 30px 0px 0px 0px;
	}

.content .module_left blockquote {
	background-image: url(../images/test.gif);
	width: 322px;
	height: 121px;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding: 0px 0px 0px 1px;
	}


.content .module_left blockquote div {
	float: left;
	position: relative;
	text-align: center;
	margin: 0px 1px 1px 0px;
	}
	
.content .module_left blockquote div div img {
	float: none;
	margin: 10px 0px 0px 0px;
	text-align: center;
	}

/* -------------------------------------------------------- */
/* -- CONTENT - Homepage - Modules - Right ---------------- */
/* -------------------------------------------------------- */

.content .module_right {
	width: 325px;
	float: left;
	margin: 0px 4px 16px 0px;
	}

.content .module_right h3 {
	font-size: .9em;
	font-weight: bold;
	color: #007cc2;
	padding: 0px 2px 2px 2px;
	margin: 30px 0px 0px 0px;
	}

.content .module_right blockquote {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	height: 121px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.content .module_right img {
	float: right;
	padding: 33px 15px 33px 12px;
	}
	
.content .module_right p {
	font-weight: normal;
	padding: 10px 2px 2px 2px;
	}

/* -------------------------------------------------------- */
/* -- CONTENT - Presentations ----------------------------- */
/* -------------------------------------------------------- */

.content .presentation-container {
	margin: 40px 0px 0px 0px;
	}

.content .presentation {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	overflow: auto;
	}

.content .presentation .left {
	float: left;
	width: 105px;
	margin: 0px 10px 0px 0px;
	}

.content .presentation .right {
	float: left;
	width: 465px;
	margin: 0px 0px 0px 0px;
	}

.content .presentation .right div {
	margin: 0px 0px 0px 0px;
	}

.content .presentation .right h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	color: #4b4b4b;
	border-bottom: 1px solid #d9d9d9;
	}

.content .presentation .right #one_fulltext h3,
.content .presentation .right #two_fulltext h3,
.content .presentation .right #three_fulltext h3,
.content .presentation .right #four_fulltext h3,
.content .presentation .right #five_fulltext h3,
.content .presentation .right #six_fulltext h3,
.content .presentation .right #seven_fulltext h3,
.content .presentation .right #eight_fulltext h3,
.content .presentation .right #nine_fulltext h3 {
	padding: 0px 0px 0px 0px;
	color: #999999;
	border: none;
	}

.content .presentation .right h4 {
	margin: 10px 0px 2px 0px;
	}
	
.content .presentation .right p {
	margin: 0px 0px 10px 0px;
	}
	
.content .presentation .right a.blue_btn {
	position: relative;
	top: -8px;
	}
	
	
/* -------------------------------------------------------- */
/* -- CONTENT - Samples Gallery --------------------------- */
/* -------------------------------------------------------- */

.content .samples {
	margin: 20px -30px 0px -20px;
	padding: 0px 0px 0px 0px;
	}

.content .sample {
	float: left;
	width: 151px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 5px 0px;
	}

.content .sample a img {
	border: 1px solid #cacaca;
	}

.content .sample a:hover img {
	border: 1px solid #007cc2;
	}
	
.content .sample h3 {
	margin: 5px 0px 5px 0px;
	}

.content .sample p {
	}

.content .sample h2 {
	color: #000000;
	font-weight: bold;
	font-size: .95em;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	text-transform: none;
	border: none;
	}
.content .sample h3 {
	color: #000000;
	font-weight: normal;
	font-size: .95em;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	line-height: 1.1em;
	}
.content .sample p {
	color: #999999;
	font-weight: normal;
	font-size: .75em;
	padding: 0px;
	margin: 0px;
	font-style: italic;
	line-height: 1.2em;
	}

.content .row {
	overflow: auto;
	margin: 0px 0px 10px 0px;
	}

/* -------------------------------------------------------- */
/* -- CONTENT - News -------------------------------------- */
/* -------------------------------------------------------- */



.content .lhs a:link {color: #F47C04; text-decoration: none;}
.content .lhs a:visited {color: #F47C04; text-decoration: none;}
.content .lhs a:hover {color: #F47C04; text-decoration:underline ;}
.content .lhs a:active {color: #F47C04; text-decoration: underline;}
	


.content .lhs .plain {
	border-bottom: 1px dotted #b9b9b9;
	padding: 5px 2px 10px 5px;
	}	

		.content .lhs .plain span {
			float: left;
			display: block;
			padding: 5px 0px 5px 2px;
			margin: 0px 8px 0px 0px;
			}

		.content .lhs .plain span img {
			margin: 5px 0px 5px 5px;
			}

		.content .lhs .plain h3 {
			background-image: url(../images/icon_documents.gif);
			background-repeat: no-repeat;
			background-position: 2px 6px;
			color: #000000;
			font-size: 14px;
			font-weight: bold;
			padding: 5px 0px 5px 2px;
			margin: 0px 0px 0px 0px;
			border: none;
			text-transform: none;
			}	
		
		.content .lhs .plain p {
			color: #000000;
			padding: 2px 0px 0px 2px;
			margin: 0px 0px 0px 58px;
			}
				
		.content .lhs .plain a:link {color: #26b5ff; text-decoration: underline;}	
		.content .lhs .plain a:visited {color: #26b5ff; text-decoration: none;}
		.content .lhs .plain a:hover {color: #007cc2; text-decoration: none;}
		.content .lhs .plain a:active {color: #26b5ff; text-decoration: none;}

		.content .lhs .plain a.with_arrow:link {color: #007cc2; text-decoration: underline; margin-left: 58px;}	
		.content .lhs .plain a.with_arrow:visited {color: #007cc2; text-decoration: underline; margin-left: 58px;}
		.content .lhs .plain a.with_arrow:hover {color: #26b5ff; text-decoration: underline; margin-left: 58px;}
		.content .lhs .plain a.with_arrow:active {color: #007cc2; text-decoration: underline; margin-left: 58px;}
/*
	.content .lhs .plain-2 {
		border-top: 1px solid #b9b9b9;
		padding: 20px 2px 10px 0;
		margin-top:20px;
		color: #000000;
		font-size: 1em;
		}
		.content .lhs .plain-2 p {
			padding: 0;
			margin: 0;
			}
		.content .lhs .plain-2 p img {
			float:right;
			padding:0 0 60px auto;
			}
*/
.content .lhs .plain2 {
	border-bottom: 1px dotted #b9b9b9;
	padding: 5px 2px 10px 5px;
	}	

		.content .lhs .plain2 span {
			float: left;
			display: block;
			width: 100px;
			padding: 5px 0px 5px 2px;
			margin: 0px 8px 0px 0px;
			text-align: left;
			}

		.content .lhs .plain2 span img {
			margin: 5px 0px 5px 0px;
			}

		.content .lhs .plain2 h3 {
			background-image: url(../images/icon_documents.gif);
			background-repeat: no-repeat;
			background-position: 2px 6px;
			color: #000000;
			font-weight: bold;
			padding: 5px 0px 5px 2px;
			margin: 0px 0px 0px 0px;
			border: none;
			text-transform: none;
			}	
		
		.content .lhs .plain2 p {
			color: #000000;
			padding: 2px 0px 0px 2px;
			margin: 0px 0px 0px 108px;
			}

		.content .lhs .plain2 a {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			}





		.content .lhs .plain-3 {
			border-bottom: 1px dotted #b9b9b9;
			padding:0 0 10px 0;
			margin-top:20px;
			color: #000000;
			}
		.content .lhs .plain-3 p img {
			float:left;
			padding:4px 15px 15px 0;
			}
		.content .lhs .plain-3 p {
			padding: 3px 0 15px 0;
			margin: 0;
			}
		.content .lhs .plain-3 ul {
			list-style-type: square;
			color: #000000;
			padding:2px 0 15px 14px;
			}
		.content .lhs .plain-3 ul.hotlinks {
			list-style: none;
			padding: 10px 0px 0px 0px;
			margin-top:-15px;
			margin-bottom: 15px;
			font-size: 1em;
			}
		
/* -------------------------------------------------------- */
/* -- CONTENT - Team -------------------------------------- */
/* -------------------------------------------------------- */

div.team {
	width: 295px;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 25px 0px 0px 0px;
	}

.team a:link {color: #007cc2; text-decoration: underline;}
.team a:visited {color: #007cc2; text-decoration: underline;}
.team a:hover {color: #26b5ff; text-decoration: none;}
.team a:active {color: #007cc2; text-decoration: underline;}
	}
	
.team img {
	float: left;
	margin: -25px 10px 0px 0px;
	border: 1px solid #000000;
	}
	
div.teambio h2 {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 10px 0px;
	border: none;
	color: #000000;
	font-size: 1.1em;
	text-transform: none;
	}

div.teambio p {
	padding: 0px 0px 15px 0px;
	}

div.teambio img {
	margin: 10px 15px 5px 5px;
	float: left;
	}
	
	
/* -------------------------------------------------------- */
/* -- CONTENT - Contact ----------------------------------- */
/* -------------------------------------------------------- */

.optional,
input.required,
textarea.required, 
.validate-email, 
.validate-alphanum, 
.validate-selection
{
/*	border: 1px solid #00A8E6;	*/
	background-color: #f1f1f1;
	color: #000000;
	padding: 3px;
}

input.validation-failed, textarea.validation-failed {
/*	border: 1px solid #FF3300;	*/
	color : #FF3300;
}
input.validation-passed,
textarea.validation-passed,
.validation-passed {
/*	border: 1px solid #000000;	*/
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: normal;
	}
	
.field-label {
	padding: 5px 0px 3px 0px;	
	}	
.form-row {
	clear: both;
	padding: 0.5em;
}

label b {
	font-size: 1.2em;
	color: #ff3300;
	margin: 0px 5px 0px -10px;
	}

.submit {
	margin: 5px 0px 0px 5px;
	}
/* -------------------------------------------------------- */
/* -- CONTENT - Directions -------------------------------- */
/* -------------------------------------------------------- */


div.address {
	float: left;
	padding: 10px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	}
	
/* -------------------------------------------------------- */
/* -- RIGHT HAND SIDE - Homepage -------------------------- */
/* -------------------------------------------------------- */

.rhs {
	width: 198px;
	padding: 20px 10px 10px 10px;
	margin: 0px 0px 0px 10px;
	float: right;
	background-color:#f2f2f2;
	}
	
.rhs .button_box_header {
	background-image: url(../images/button_box_header.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 32px;
	width: 198px;
	}

.rhs .button_box_header p {display: none;}

.rhs .button_box {
	background-image: url(../images/button_box_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 8px 9px 5px 9px;
	margin: 0px 0px -5px 0px;
	}
	
.rhs .button_box_footer {
	background-image: url(../images/button_box_footer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 10px;
	width: 198px;
	}

.rhs h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #777777;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 20px 3px 5px 3px;
	border-bottom: 1px solid #d1d1d1;
	}

.rhs p {
	
	color: #000000;
	padding: 0px 0px 5px 0px;
	margin: 5px 5px 5px 5px;
	border-bottom: 1px dotted #b9b9b9;
	}

	.rhs p a {
		
		font-weight: bold;
		color: #f79124;
		text-decoration: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}

	.rhs p a:hover {color: #f5bd13;}


.rhs a.with_arrow {
	display: inline;
	background-image: url(../images/arrow_right.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding: 0px 20px 0px 3px;
	margin: 0px 0px 0px 2px;
	font-size: .9em;
	font-weight: normal;
	color: #f79124;
	text-align: left;
	}

.rhs a.with_arrow:link {text-decoration: none;}
.rhs a.with_arrow:visited {text-decoration: none;}
.rhs a.with_arrow:hover {color: #f5bd13; text-decoration: none;}
.rhs a.with_arrow:active {text-decoration: none;}

/* -------------------------------------------------------- */
/* -- BUTTONS --------------------------------------------- */
/* -------------------------------------------------------- */

a.blue_btn {
	display: block;
	height: 27px;
	width: 180px;
	background-image: url(../images/blue_btn.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	line-height: 200%;
	text-indent: 13px;
	margin: 5px 0px 5px 0px;
	}
	
		a:hover.blue_btn {
			color: #ffffff;
			font-weight: bold;
			background-image: url(../images/blue_btn.png);
			background-position: 0px -27px;
			background-repeat: no-repeat;
			}
		
a.black_btn {
	display: block;
	height: 51px; /* 64 - 13 (padding) */
	width: 200px;
	background-image: url(../images/black_btn.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #ffffff;
	margin: 15px 0px 15px 0px;
	padding: 13px 0px 0px 0px;
	text-decoration: none;
	font-size:1em;
	}

		a:hover.black_btn {
			display: block;
			height: 51px; /* 64 - 13 (padding) */
			width: 200px;
			background-image: url(../images/black_btn.gif);
			background-position: 0px -64px;
			background-repeat: no-repeat;
			color: #ffffff;
			}

		a.black_btn p {
			color: #ffffff;
			font-size: .9em;
			font-weight: bold;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 42px;
			width: 128px;
			text-transform: none;
			border-bottom: none;
			}

		a.black_btn p + p {
			color: #ffffff;
			font-size: .6em;
			font-weight: normal;
			margin: 0px 0px 0px 42px;
			line-height: 100%;
			}

		a.black_btn p span {
			color: #f79124;
			}



a.black_btn#build_a_brainshark {
	margin: 0px 0px 10px -5px;
	display: block;
	height: 67px;
	width: 204px;
	background-image: url(../images/black_btn_build_a_brainshark.png);
	}
	
	a:hover.black_btn#build_a_brainshark {
		background-image: url(../images/black_btn_build_a_brainshark.png);
		background-position: 0px -73px;
		}
	
a.black_btn#sample_gallery {
	margin: 25px 0px 10px -5px;
	display: block;
	height: 67px;
	width: 204px;
	background-image: url(../images/black_btn_sample_gallery.png);
	}
	
	a:hover.black_btn#sample_gallery {
		background-image: url(../images/black_btn_sample_gallery.png);
		background-position: 0px -67px;
		}
		
a.blue_btn#individual_users {
	margin: 15px 0px 15px 0px;
	display: block;
	height: 27px;
	width: 194px;
	background-image: url(../images/blue_btn_individual_users.png);
	}
	
	a:hover.blue_btn#individual_users {
		background-image: url(../images/blue_btn_individual_users.png);
		background-position: 0px -27px;
		}
		
a.blue_btn#experience_brainshark {
	margin: 15px 0px 15px 0px;
	display: block;
	height: 27px;
	width: 209px;
	background-image: url(../images/blue_btn_experience_brainshark.png);
	}
	
	a:hover.blue_btn#experience_brainshark {
		background-image: url(../images/blue_btn_experience_brainshark.png);
		background-position: 0px -27px;
		}

a.blue_btn#products_services {
	margin: 15px 0px 15px 0px;
	display: block;
	height: 27px;
	width: 194px;
	background-image: url(../images/blue_btn_products_services.png);
	}
	
	a:hover.blue_btn#products_services {
		background-image: url(../images/blue_btn_products_services.png);
		background-position: 0px -27px;
		}

a.blue_btn#partner_login {
	margin: 15px 0px 15px 0px;
	display: block;
	height: 27px;
	width: 194px;
	background-image: url(../images/blue_btn_partner_login.png);
	}
	
	a:hover.blue_btn#partner_login {
		background-image: url(../images/blue_btn_partner_login.png);
		background-position: 0px -27px;
		}

a.blue_btn#partner_list {
	margin: 15px 0px 15px 0px;
	display: block;
	height: 27px;
	width: 194px;
	background-image: url(../images/blue_btn_partner_list.png);
	}
	
	a:hover.blue_btn#partner_list {
		background-image: url(../images/blue_btn_partner_list.png);
		background-position: 0px -27px;
		}

a.blue_btn#become_a_partner {
	margin: 15px 0px 15px 0px;
	display: block;
	height: 27px;
	width: 194px;
	background-image: url(../images/blue_btn_become_a_partner.png);
	}
	
	a:hover.blue_btn#become_a_partner {
		background-image: url(../images/blue_btn_become_a_partner.png);
		background-position: 0px -27px;
		}

a.blue_btn#rapid_learning {
	margin: 15px 0px 15px 0px;
	display: block;
	height: 27px;
	width: 194px;
	background-image: url(../images/blue_btn_rapid_learning.png);
	}
	
	a:hover.blue_btn#rapid_learning {
		background-image: url(../images/blue_btn_rapid_learning.png);
		background-position: 0px -27px;
		}

a.blue_btn#one_more,
a.blue_btn#two_more,
a.blue_btn#three_more,
a.blue_btn#four_more,
a.blue_btn#five_more,
a.blue_btn#six_more,
a.blue_btn#seven_more {
	margin: 15px 0px 15px 0px;
	display: block;
	height: 19px;
	width: 87px;
	background-image: url(../images/blue_btn_more.png);
	font-size: .95em;
	color: #ffffff;
	text-indent: 10px;
	line-height: 135%;
	font-weight: bold;
	}
	
	a:hover.blue_btn#one_more,
	a:hover.blue_btn#two_more,
	a:hover.blue_btn#three_more,
	a:hover.blue_btn#four_more,
	a:hover.blue_btn#five_more,
	a:hover.blue_btn#six_more,
	a:hover.blue_btn#seven_more {
		background-image: url(../images/blue_btn_more.png);
		background-position: 0px -19px;
		}

/* for all More/Less buttons */		
a.blue_btn#one_less,
a.blue_btn#two_less,
a.blue_btn#three_less,
a.blue_btn#four_less,
a.blue_btn#five_less,
a.blue_btn#seven_less,
a.blue_btn#six_less {
	margin: 15px 0px 15px 0px;
	display: block;
	height: 19px;
	width: 87px;
	background-image: url(../images/blue_btn_less.png);
	font-size: .95em;
	color: #ffffff;
	text-indent: 10px;
	line-height: 135%;
	font-weight: bold;
	}
	
	a:hover.blue_btn#one_less,
	a:hover.blue_btn#two_less,
	a:hover.blue_btn#three_less,
	a:hover.blue_btn#four_less,
	a:hover.blue_btn#five_less,
	a:hover.blue_btn#six_less,
	a:hover.blue_btn#seven_less {
		background-image: url(../images/blue_btn_less.png);
		background-position: 0px -19px;
		}


/* -------------------------------------------------------- */
/* -- FOOTER - Dynamic ------------------------------------ */
/* -------------------------------------------------------- */

#animated_footer_holder {
	width: 940px;
	float: left;
	clear: both;
	background-image: url(../../images/footer_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	}

div#animated_footer_holder .lhs {	
	width: 925px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: inline;	
	}

div#animated_footer_holder div.lhs a {
	float: left;
	display: inline;
	color: #7d7d7d;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
	padding: 7px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	}
	
div#animated_footer_holder div.lhs a:hover {
	color: #007cc2;
	}
	
a.footer_trigger_link:link,
a.footer_trigger_link:active,
a.footer_trigger_link:visited,
a.footer_trigger_link:hover
{
	float: left;
	display: inline;
	color: #7d7d7d;
	text-decoration: none;
	margin: 5px 0px 0px 6px;
	overflow: hidden;
	}	

div#animated_footer_holder .rhs {
	width: 2px;
	float: left;
	display: none;
	}
	
#animated_footer_content {
	width: 940px;
	float: left;
	clear: both;
	background-color: #c4c6c7; 
	padding: 0px 0px 4px 0px;
	}

#animated_footer_bottom {
	width: 940px;
	float: left;
	clear: both;
	height: 6px;
	overflow: hidden;
	background-image: url(../../images/footer_bottom.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	}

div#animated_footer_content a {
	display: inline;
	clear: both;
	float: left;
	color: #7d7d7d;
	font-size: .65em;
	text-decoration: none;
	}

div#animated_footer_content a:hover {
	color: #007cc2;
	}
		
/* -------------------------------------------------------- */
/* -- FOOTER - Dynamic - Sub Navs ------------------------- */
/* -------------------------------------------------------- */

#footer_subnav_home {
	float: left;
	width: 152px;
	display: inline;
	margin: 0px 0px 0px 15px;
	}

#footer_subnav_products {
	float: left;
	width: 152px;
	display: inline;
	margin: 0px 0px 0px 0px;
	}

#footer_subnav_solutions {
	float: left;
	width: 152px;
	display: inline;
	margin: 0px 0px 0px 0px;
	}
	
#footer_subnav_support {
	float: left;
	width: 152px;
	display: inline;
	margin: 0px 0px 0px 0px;
	}

#footer_subnav_company {
	float: left;
	width: 152px;
	display: inline;
	margin: 0px 0px 0px 0px;
	}
	
#footer_subnav_network {
	float: left;
	width: 152px;
	display: inline;
	margin: 0px 0px 0px 0px;
	}
	
/* -------------------------------------------------------- */
/* -- FOOTER - Static ------------------------------------- */
/* -------------------------------------------------------- */

.footer_static {
	width: 925px;
	background-image: url(../../images/footer_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background-color: #c4c6c7;
	}
	
.footer_static dl {
	float: left;
	display: block;
	width: 152px;
	padding: 5px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	}
.footer_static dl#footer_products {width: 192px;}
.footer_static dl#footer_solutions {width: 162px;}
.footer_static dl#footer_support {width: 132px;}
.footer_static dl#footer_company {width: 132px;}

.footer_static dt a {
	font-size: .75em;
	font-weight: bold;
	display: block;
	width: 152px;
	}
	
.footer_static dd {
	font-size: .65em;
	}
	
.footer_static dd a {
	display: block;
	width: 152px;
	}

.footer_static a:link {color: #7d7d7d; text-decoration: none;}
.footer_static a:visited {color: #7d7d7d; text-decoration: none;}
.footer_static a:hover {color: #007cc2; text-decoration: none;}
.footer_static a:active {color: #7d7d7d; text-decoration: none;}

.footer_static .clear {
	clear: both;
	background-image: url(../images/footer_bottom.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 6px;
	margin: 0px 0px 0px -15px;
	}

/* -------------------------------------------------------- */
/* -- COPYRIGHT ------------------------------------------- */
/* -------------------------------------------------------- */


#footer { clear: both; margin:5px 0 0 0; padding:24px 0 0 0; background: #D4D4D4 url(/brainshark/images/glb/footer-bg.png) no-repeat top; font-size:8pt }
#footer a {font-size:8pt; font-weight:normal}
#login-container {width:599px}
#login-container .right {float:right; width:260px; padding-right:20px}
#login-container .left {float:left; width:500px; height:261px;}
#login-bottom {width:599px; height:27px;}
#login-top {width:599px; height:27px;}
#login-content {width:599px; height:365px}