html { font-size: 100%; }
body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-attachment:fixed; 	
	background-image: -webkit-gradient(
		linear, 	 left bottom, 	 left top, 	 color-stop(0.2, #0C14AD), 	 color-stop(0.6, #5677CC), 	 color-stop(0.8, #5F8CD9)); 	
	background-image: -moz-linear-gradient( 		center bottom, 		#0C14AD 20%, 		#5677CC 60%, 		#5F8CD9 80%); 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5F8CD9', endColorstr='#0C14AD');
}

a, a:visited {
	color: rgb(0, 0, 255);
	text-decoration: none;
}
#container 
{
	width: 960px;
	margin: 10px auto 30px auto;
	background-color: rgb(255,255,255);
	position: relative;
	padding: 0;
	padding-bottom: 20px;
	border-radius: 20px; 	
	-moz-border-radius: 15px; 	
	/* For IE 8 */ 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 	
	/* For IE 5.5 - 7 */ 	
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 	
	-moz-box-shadow: 1px 10px 8px #000; 
	/* FF3.5+ */ 	
	-webkit-box-shadow: 1px 10px 8px #000; 
	/* Saf3.0+, Chrome */ 	
	box-shadow: 1px 10px 8px #000; 
	/* Opera 10.5, IE9, Chrome 10+ */
}
#footerbar
{
	margin-top: 10px;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	background-color: #039;
	height: 30px;
	text-align: center;
	color: #FFF;
	vertical-align: center;
	border-bottom: 1px solid #000;
	border-radius: 15px;
	-moz-border-radius: 15px; 	
}
#footerbar p
{
	line-height: 30px;
	font-size: 14px;
}

#navbar
{
	background: #FFF url('http://ac.bslw.com/mars/style/images/heading.png') no-repeat 0px 0px;
	text-align: right;
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-right: 15px;
	min-height: 40px;
	margin-top: 43px;
}

#navbar .rightspan {
	height:40px;
	width:15px;
	background:url(./images/heading.png) no-repeat right 0;
	float:right;
	margin-right:-15px;
	display: block;
}

#navbar .bottom{
    background:url(./images/heading.png) no-repeat 0 -67px;
    padding-left:15px;
    //margin-right:15px;
	position: relative;
	top: 40px;
	margin-bottom: 30px;
	//width: 100%;
}

#navbar .bottom div {
    background:url(./images/heading.png) no-repeat right -67px;
    padding:0 15px;
    margin-right:-15px;
    height:20px;
    position:relative;

}

#header 
{
	/*float: left;*/
	min-height: 180px;
	margin: 0;
	padding: 10px 0;
	font-family: Garamond, Helvetica, sans-serif;
	width: 100%;
	background: transparent url('../img/header-bg.png') no-repeat -80px 0;
	border-radius: 20px; 	
	-moz-border-radius: 15px; 	
}
#header h1
{
	clear: both;
	position: relative;
	top: 40px;
	left:-180px;
	display: inline;
	color: #047ab9;
	font-size: 3m;
}
#header img
{
	margin-left: 10px;
}
#header-contact {
	float: right;
	width: 300px;
	clear: right;
	margin-right: 5px;
}
#righthdr
{
	float: right;
	width: 175px;
}

fieldset {      
	position: relative;      
	float: left;      
	clear: both;      
	width: 100%;      
	margin: 0 0 -1em 0;      
	padding: 0 0 1em 0;      
	border-style: none;      
	border-top: 1px solid #BFBAB0;      
	background-color: #F2EFE9;    
}    
legend span {      
	position: absolute;      
	left: 0.74em;      
	top: 0;      
	margin-top: 0.5em;      
	font-size: 135%;    
}
legend {      
	padding: 0;      
	color: #545351;      
	font-weight: bold;    
}
fieldset ol {      
	padding: 3.5em 1em 0 1em;      
	list-style: none;    
}
fieldset.submit {      
	float: none;      
	width: auto;      
	padding-top: 1.5em;      
	padding-left: 12em;      
	background-color: #FFFFFF;    
}
fieldset li {    
	float: left;    
	clear: left;    
	width: 100%;    
	padding-bottom: 1em;  
}
.login label {    
	float: left;    
	width: 30%;    
	margin-right: 1em;    
	text-align: right;  
}
.login input {
	width: 100px;
}


/*Main Page layout */
#main, #main-full {
	width: 630px;
	margin: 0;
	color: #444;
	margin-bottom: 30px;
	padding: 0 5px;
	float: left;
}
#main-full {
	width: 940px;
	background-color: #FFF;
}
#right-column {
	width: 300px;
	float: right;
	padding: 0 5px;
}
#left-column {
	width: 300px;
	float: left;
	padding: 0 5px;
}

ul.menu {
	margin: 5px 0 5px 0;
	padding: 0;
}
ul.menu li {
	margin-bottom: 4px;
	list-style-type: none;
}
ul.menu li a {
	display: block;
	padding: 3px;
	text-decoration: none;
	border: 1px solid transparent;
}
ul.menu li.alt a:link, ul.menu li.alt a:visited {
	background: #CCC;
}
ul.menu li a:hover, ul.menu li.alt a:hover {
	background-color: #EFEFEF; //#01b5e0;
	color: #00F; //#FFF;
	//font-weight: bold;
	border: 1px solid #8c8c8c;

}


.clear {
	clear: both;
}
/*End Main Page Layout */

.box {
	margin: 3px 1px;
	border: 1px solid #AAA;
	background: #DCDCDC;
	color: #333333;
	padding: 20px 0;
	border-radius: 20px; 	
	-moz-border-radius: 15px; 	
}
.box h3 {
	border:1px solid #ccc;
	border-width:1px 0;
	background-color:#fbfbfb;
	margin:0 -2px 10px -2px;
	}
.box h3 span{
	display:block;
	margin:1px 0;
	background-color:#ebebeb;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	padding:6px 15px;
}


img .icon
{
	height: 16px;
	width: 16px;
}
img.help
{
	float: right;
}

textarea
{
	width: 95%;
	display: block;
	font-size: 1.4em;
	min-height: 5em;
	font-family: garamond, helvetica, serif;
}

table th
{
	background-color: #18a2f1;
	border: 2px solid #1279b4;
	color: #FFF;
	border-radius: 15px; 	
	-moz-border-radius: 15px; 	
}

#tree
{
	overflow: hidden;
	font-size: 1em;
	clear: both;
}
#tree .leaf
{
	font-size: 1em;
	text-indent: 5px;
}
#tree .leaf a
{

}
#tree .leaf .flower
{
	margin-left:10px;
	display: block;
}
#tree .branch
{
	display: block;
}
.profile-question
{
	background-color: #EEE;
	border-radius: 10px;
	clear: both;
	border: 1px solid #fff;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.option
{
	margin-left: 15px;
}
.suboption
{
	margin-left: 25px;
}

#stats {
    border: 1px solid;
    margin: 10px auto;
    padding:15px 10px 15px 10px;
    background-repeat: no-repeat;
    background-position: right 10px;
    background-image: url('../img/temp_istock-analyzing-the-data.png');
	border-radius: 20px; 	
	-moz-border-radius: 20px; 	
    color: #9F6000;
    background-color: #FEEFB3;
}
#stats h1 {
	margin-left: auto;
	margin-right: auto;
	width: 250px;
}

.info, .success, .warning, .error, .validation, .file_download, .file_upload {
    border: 1px solid;
    margin: 10px auto;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	width: 475px;
	border-radius: 20px; 	
	-moz-border-radius: 20px; 	
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('info.png');
}
.file_download {
    color: #4F8A10;
    background-color: #DFF2BF;
/*    color: #007d0f;
    background-color: #aaffc5;*/
    background-image: url('../img/temp_istock-download-button.png');
	padding-left: 130px;
}
.file_upload {
/*    color: #118d1e;
    background-color: #B7DCBB;*/
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../img/temp_istock-upload-button.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
}

.statusbar  {
	position: relative;
	width: 800px;
	left: -35px;
}
.statusbar img {
	border: 0;
	padding: 0;
	margin: 0;

}
.profile-entry {
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.profile-entry .info h3 {
	border:1px solid blue;
	border-width:1px 0;
	background-color:#00529B;
	margin:0 -12px 10px -52px;
}
.profile-entry .info h3 a {
	color: #fff;
}
.profile-entry .info h3 span{
	display:block;
	margin:1px 0;
	background-color:#00529B;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	padding:6px 15px;
}
.profile-entry .left75 {
	float: left;
	width: 60%;
}
.profile-entry .right25 {
	float: right;
	width: 35%;
	border: 1px solid;
	line-height: 1.6em;
	padding: 5px;
	background-color: #fff;
}
.job-entry, .job-header{
    border: 1px solid;
    margin: 0px 0px;
    padding:15px 10px 15px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.job-header, .profile-header{
    color: #BDE5F8;
    background-color: #00529B;
    margin: 0 0 5px 0;
	padding-left: 50px;
    background-image: url('info.png');
	width: 725px;
	position: relative;
	left: -5px;
}
.profile-header {
	width: 592px;
}
.job-header a {
	color: #FEEFB3;
}
.job-entry {
    color: #00529B;
    background-color: #BDE5F8;
    padding:0px 5px 0px 0px;
	margin-top: 10px;
	float:left;
	width: 783px;
}
.profile-entry {
	width: 100%;
}
.job-entry p, .job-entry h4, .profile-entry p, .profile-entry h4 {
	margin-left: 5px;
}
.job-entry-right, .profile-entry-right {
	float:right;
	width: 265px;
    border: 1px solid;
	line-height: 1.6em;
	padding: 5px;
	background-color: #fff;
}
.job-entry-left, .profile-entry-left {
	float:left;
	width:500px;
}
.profile-entry-left {
	width: 350px;
}
.job-entry-right a, .profile-entry-right a {
	color: #9F6000;
}


/* Sidebar */
.sidebars .t, #header-contact .t {
	height:170px;
	background:url(./images/sidebars.png) no-repeat 0 0;
	margin-right:15px;
}
.sidebars .t div, #header-contact .t div {
	height:170px;
	width:15px;
	background:url(./images/sidebars.png) no-repeat -485px 0;
	float:right;
	margin-right:-15px;
}
.sidebars .i, #header-contact .i {
	background:url(./images/sidebars.png) repeat-y -500px 0;
	margin-right:15px;
}
.sidebars .i .i2, #header-contact .i .i2{
	background:url(./images/sidebars.png) repeat-y right 0;
	margin:0 -15px 0 15px;
	padding:1px 0;
}
.sidebars .i .c, #header-contact .i .c {
	margin:-155px 15px 0 0;
	position:relative;
}	
	.sidebars h4, #header-contact h4 {
		border:1px solid #ccc;
		border-width:1px 0;
		background-color:#fbfbfb;
		margin:10px -14px;
	}
	.sidebars h4 span, #header-contact h4 span {
		display:block;
		margin:1px 0;
		font-family:Verdana, Geneva, sans-serif;
		font-size:16px;
		padding:6px 15px;
		background: #ebebeb url(/mars/img/temp_istock-arrow-icon_35x82.png) no-repeat right -50px;
		cursor: pointer;
	}
	.sidebars h4 span.Active
	{
		background-position: right 0;
	}

	.sidebars ul, #header-contact ul {
		list-style-type: none;
		margin: 5px 0 5px 0;
	}
	.sidebars li, #header-contact li {
		background:url(./images/sidebars.png) no-repeat 0 -225px;
		padding:0 0 0 20px;
		margin-bottom:1px;
		line-height:18px;
		font-size:12px;
		font-family:Verdana, Geneva, sans-serif;
	}
	.sidebars a.rssBtn, #header-contact a .rssBtn {
		display:block;
		height:26px;
		padding:0 0 0 34px;
		line-height:26px;
		font-size:12px;
		font-weight:bold;
		color:#662700;
		background:url(./images/sidebars.png) no-repeat 0 -190px;
	}
.sidebars .b, #header-contact .b {
	height:15px;
	background:url(./images/sidebars.png) no-repeat 0 -170px;
	margin-right:15px;
}
.sidebars .b div, #header-contact .b div {
	height:15px;
	width:15px;
	background:url(./images/sidebars.png) no-repeat -485px -170px;
	float:right;
	margin-right:-15px;
}
.sidebars img {
	vertical-align: middle;
}



#contact_us {
	background: url(/mars/img/temp_istock-contact-us.png) no-repeat;
	font-weight: bold;
	font-size: 1.2em;
	min-height: 75px;
	padding-left: 90px;
	vertical-align: middle;
}




.toc_statistics {
	
}
.toc_statistics td {
	text-align: center;
}
.toc_expand {
	display: none;
}



/************************************** FEED CONTROL ****************************************/
.gfg-root {
  border-radius: 10px;
  padding: 10px 0;
}


/********************************* END FEED CONTROL ***********************************?


/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url('images/overlay-white.png');
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url('images/close.png');
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{position:relative;height:56px;color:#E0E0E0;/*background:#143D55;*/width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:transparent url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(images/dolphin_left-ON.png) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/dolphin_right-ON.png) no-repeat top right;height:33px;}
/* ---------------------- END Dolphin nav ---------------------- */

/* tab pane styling */
.panes>div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:500px;
	font-size:14px;
	background-color:#fff;
}

	
	div.panes>div {
		background:#fff url(images/h600.png) 0 0;
		-background:#fff;
		height:572px;
		overflow-y:scroll;
	}
	
/*---------------------------tabs-------------------------------*/
	
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(images/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -247px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -247px -31px; }
ul.tabs a.l.current  { background-position: -247px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

.panes .info h3 {
	border:1px solid blue;
	border-width:1px 0;
	background-color:#def2fc;
	margin:0 -10px 10px -50px;
	}
.panes .info h3 span{
	display:block;
	margin:1px 0;
	background-color:#def2fc;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	padding:6px 15px;
}

.panes .left75 {
	float: left;
	width: 70%;
}

.panes .right25 {
	float: right;
	width: 25%;
	border: 1px solid;
	line-height: 1.6em;
	padding: 5px;
	background-color: #fff;
}

.panes .default {
	font-weight: bold;
	background-color: #def2fc;
}

/*---------------------------END tabs-------------------------------*/

/*---------------------------Tool Tips--------------------------------*/
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(images/black_arrow_big.png);
	font-size:14px;
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	color:#fff;
}
.tooltip a {
	color: #CAFF70;
}
.tooltip h4 {
	margin-top: 0;
	margin-bottom: 0;
}

/* style the trigger elements */
#client_auth_count img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
