@charset "utf8";

td, body {
	font-family:Verdana,"lucida grande",tahoma,arial,sans-serif;
	font-size:12px;
	text-align:left;
}

html, body {margin:0px; padding:0px; width:100%; height:100%; overflow: hidden;} 


/*------------- background -------------*/
#background{z-index: 1; width: 960px; height:400px}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow: auto; z-index: 2;} 


/*--------------- forced down footer --------------*/
#nonFooter {position: relative; min-height: 100%; z-index:2;}
* html #nonFooter {height: 100%;}

#content {padding-bottom: 46px;}
#footer {position: relative; margin-top: -46px;}




h1 {font-size: 16px; margin: 0;}
h2 {font-size: 13px; margin: 0; color: #A3A3A3;}
h3 {font-size: 11px; font-weight: normal; color: #555555; text-align: center}
img {border: 0;}

/*------------ page header -----------*/
.page_header {text-align: left; width: 960px; height: 30px; display: block; background: url(../graphics/header_bg.gif) top left no-repeat;}
.page_header_logo  {width: 130; display: inline; float: left;}
.page_header_main  {color: #ffffff; font: Impact; font-family: sans-serif, Arial;}
.page_header_menu  {padding-top: 5px; padding-left: 30px; float: left; }
.page_header_login  {
	vertical-align: bottom; 
	padding-left: 100px; 
	display: inline; 
	float: left; 
	width: 390px; 
	color: #FFFFFF; 
	vertical-align: middle; 
	font-size: 11px; 
}

.page_header_links {
	font-size: 11px; 
	color: #ffffff; 
	font: Impact; 
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
	font-weight: normal; 
	padding-top: 8px; 
	float: right; 
	display: inline; 
	text-align: right; 
	padding-right: 12px;
}



/*------------ page footer -----------*/
.page_footer {clear: both; text-align: left; width: 958px; height: 20px; padding-top: 6px; background-color: #B8D8CF; border: solid 0px red; margin-top: 20px;}
.page_footer_copyright {padding-left: 5px; font-size: 11px; color: #777777; font: Impact; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; display: inline; float: left; width: 300px;}
.page_footer_texts {width: 770px; font-size: 11px; font-weight: normal; color: #555555; text-align: left}

/*----------- content area -----------*/
.content {display: block; margin:0 auto; padding: 20px 12px 0; width: 940px; text-align: left;}
.main_area {float: left; width: 584px; margin-bottom: 20px;}
.side_area {float: right;  width: 320px;  margin-bottom: 20px; }


/*------------ side area --------------*/
.side_box {color: #777777; border: solid 1px #BAD8D1; padding-left: 10px}
.side_bullet {font-size: 11px; vertical-align: top}


/*----------- homepage text box ----------*/
.homepage_text_box {width: 430px; float: right; color: #000000; background-color: #; padding: 10px; border: solid 1px #FF8505}
.homepage_terms {font-size: 10px; font-family: arial};

/*---------- edit pages -----------*/
.info_text_box {float: left; width: 100%; /*border-top: solid 1px #3B9859; border-bottom: solid 1px #3B9859;*/ padding: 0px;}
.info_text_box h1 {font-size:13px; font-weight: normal; letter-spacing: 1px; display:inline;}


/*------------- tables ------------*/
.table_hdr {font-weight: bold; font-size: 11px; text-align: center;}
.table_cell {width: 50px; border-collapse: separate;	border: solid 1px #91c1b5; text-align: center;}

.table_big {border: solid 1px #D1E9D1; border-spacing: 0px;}
.table_hdr_big {color: #999999; font-size: 11px; /*font-weight: bold;*/ margin: 5px; padding-top: 3px; padding-bottom: 3px; }
.table_cell_big0 {padding: 5px; vertical-align: top;}
.table_cell_big1 {vertical-align: top; margin: 5px; padding-top: 3px; padding-bottom: 3px; background-color: #F0F7F4;}
.table_cell_big2 {vertical-align: top; margin: 5px; padding-top: 3px; padding-bottom: 3px; }


/*------------ buttons ------------*/

input.button {cursor: pointer;}
a.button {	
	color: white;						
	text-align: center;
	background-image:url('../graphics/button_bg.gif');
	background-repeat: repeat-x;
	text-decoration: none;
	vertical-align: center;
	padding: 5px;
}
A.button:link,
A.button:visited,
A.button:active {color: white; font-size: 12px; font-weight: bold; text-decoration: none; z-index:2;}
A.button:hover  {color: white; font-size: 12px; font-weight: bold; text-decoration: none; z-index:2;}



/*----------- errors --------------*/
#error_bullets ul {padding:0; margin:0;}
#error_bullets li {list-style-type:none; padding: 0 0 0 22px; background: url(../graphics/error.gif) center left no-repeat; margin-bottom: 4px; margin-left: 8px; line-height: 20px;}

td.error  {
	border: 1px solid #DD3C10; 
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFEBE8;
	vertical-align: top;
	padding-right: 3px;
	padding-left: 3px;
	margin-width: 0px;
}

/*------------ messages -----------*/
.message {float: left; width: 400px; font-size: 11px; background-color: #FFFFFF; border: solid 0px #EBBC60; padding: 10px; line-height: 16px; }

.tab_message {border: solid 1px #3B9859; color: #266239; font-size: 11px; background-color: #E4F3DE; text-align: left; line-height: 16px;}
.tab_error   {border: solid 1px #DD3C10; color: #333333; font-size: 11px; background-color: #FFEBE8; text-align: left; vertical-align: top; margin-width: 0px;}

#message_bullets ul {padding:0; margin:0;}
#message_bullets li {list-style-type:none; padding: 0 0 0 22px; background: url(../graphics/ok.gif) center left no-repeat; margin-bottom: 4px; margin-left: 8px; line-height: 20px;}

/*----------- misc definitions ------------*/
.clear {clear: both;}

.smaller_text {font-size: 11px; vertical-align: bottom;}
.bold {font-weight: bold;}
.right {text-align: right;}
.bottom {vertical-align: bottom;}
#gray {color: #ADADAD;}

.bold {font-weight: bold;}

.text_box {	border: 1px solid #D1E9D1;
	color: #173E24;
	font-size: 12px;
	background-color: transparent;
	vertical-align: top;
	padding: 3px;
	/*width: 100%;*/
	margin-top: 5px;
}

.no_border {border: 0px;}

input.text_box, 
textarea.text_box {
	border: 1px solid #D1E9D1;
	color: #173E24;
	font-size: 12px;
	font-weight: bold;
	background-color: transparent;
	vertical-align: top;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	margin-width: 0px;
}

select.select_box {
	border: 1px solid #D1E9D1; 
	color: #173E24;
	font-size: 12px;
	font-weight: bold;
	/*background-color: transparent;*/
	/*background-color: #F2FEFC;*/
	vertical-align: top;
	padding-right: 3px;
	padding-left: 3px;
	margin-width: 0px;
}

td.label 	  {font-size: 11px; color:#333333; text-align: right; vertical-align: bottom; padding-bottom: 6px;}
td.label_left {font-size: 11px; color:#333333; text-align: left;  vertical-align: bottom; ; padding-bottom: 6px;}
td.label_top {font-size: 11px; color:#333333; text-align: left; vertical-align: top; }
td.group_label {font-weight: bold; font-size: 11px;}
.label  	{font-size: 11px; color:#333333; text-align: right; vertical-align: middle;}
.label_left {font-size: 11px; color:#333333; text-align: left;  line-height: 20px;}

.mandatory {color: red;}

fieldset {
	border: 1px solid #BBDFBB; 
	width: 550px; 
	padding: 0px 5px 5px 5px; 
	margin: 0px; 
}
legend {color: #235C36; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;}


.fieldset_faq {
	padding-left: 14px; 
	padding-bottom: 0px;
	width: 542px; 
	line-height: 16px; 
	border-top: 1px solid #BBDFBB;
	border-right: 0px; 
	border-left: 0px; 
	border-bottom: 0px;
}
.legend_faq {padding-top: 4px; font-weight: 12px;}


.fieldset_history {						/* for history display */
	border-top: 1px solid #BBDFBB; 
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	width: 550px; 
	padding: 5px 5px 5px 5px; 
	margin: 0px; 
}

.legend_history {color: #266239; font-size: 11px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;}



form {margin: 0px;}

/*------------- links ----------- */

A:link,
A:visited,
A:active {color: #3B5998; text-decoration: none; font-size: 11px;}
A:hover {color: #3B5998; text-decoration: underline; font-size: 11px;}



												/* for main functions like my profile and search */
A.page_header_main:link,
A.page_header_main:visited,
A.page_header_main:active 	{font-weight: bold; font-size: 12px; color: white; text-decoration: none;}
A.page_header_main:hover 	{font-weight: bold; font-size: 12px; color: white; text-decoration: underline}




/*------------------- Tabs ------------------*/
.tabPane{
	height:21px;	/* Height of tabs */
	border-bottom:1px solid #919b9c;
}
.aTab{
	border-left:1px solid #919b9c;
	border-right:1px solid #919b9c;
	border-bottom:1px solid #919b9c;
	/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
	padding: 10px;
	
}
.tabPane DIV{
	float:left;
	height:100%;	/* Height of tabs */
	padding-left:3px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:bottom left;
	cursor:pointer;
	position:relative;
	bottom:-1px;
	margin-left:0px;
	margin-right:0px;
}
.tabPane .tabActive{
	background-image:url('./tabs/images/tab_left_active.gif');
	margin-left:0px;
	margin-right:0px;	
	z-index:10;	
}
.tabPane .tabInactive{
	background-image:url('./tabs/images/tab_left_inactive.gif');
	margin-left:0px;
	margin-right:0px;
	z-index:1;
}

.tabPane .inactiveTabOver{
	background-image:url('./tabs/images/tab_left_over.gif');
	margin-left:0px;
	margin-right:0px;
}
.tabPane span{
	font-family:arial;
	vertical-align:top;
	font-size:11px;
	padding-left:3px;
	padding-right:3px;		
	line-height:21px;
	float:left;
	color: #334E84;
}
.tabPane .tabActive span{
	padding-bottom:1px;
	line-height:20px;
}

.tabPane img{
	float:left;
}

/*-------------------- profile elements -------------------*/
.image_description {
	width: 150px; 
	/*height: 27px; */
	overflow : auto; 
	font-size: 11px; 
	font-weight: normal; 
	color: #266239; 
	text-align: center
}



/*---------------------- multi select boxes -----------------------*/
	.multipleSelectBoxControl span{	/* Labels above select boxes*/
/*		font-family:arial;*/
		font-size:11px;
		font-weight:bold;
	}
	.multipleSelectBoxControl div option{	/* Select box layout */
/*		font-family:arial;*/
		font-size: 12px;
	}
	
	.multipleSelectBoxControl div select{	
		height:100%;
	}
	.multipleSelectBoxControl input{	/* Small butons */
		width:25px;	
	}
	
	.multipleSelectBoxControl div{
		float:left;
	}
		

/*------------------ tooltips ----------------*/

/* Here's our default note styles. */
.notedefault, .notenested {
 position: absolute;
 visibility: hidden;
 top: 1.5em;
 left: 2em; width: 10em;
 z-index: 100;
}
.notedefault {
 padding: 3px;
 border: 1px solid #369;
 background-color: #69C;
 color: white;
}
.notenested {
 width: 8em;
 padding: 3px;
 border: 1px solid #963;
 background-color: #C96;
 color: white;
}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
 margin-left: 5px;
 margin-top: 15px;
}

/* Headings within notes */
.notedefault h5 {
 margin: 0 0 5px 0;
 padding: 2px;
 background-color: white;
 color: black;
}

/* Note close marker is only shown within pinned notes. */
.note-close {
 float: right;
 margin-top: 2px;
 width: 14px;
 height: 14px;
 line-height: 14px;
 color: black;
 text-decoration: none;
 visibility: hidden
}
.snb-pinned .note-close {
 visibility: inherit;
}


/*------------ slideshow -------------*/
	#dhtmlgoodies_slideshow{
		width:550px;	/* Total width of slideshow */
	}
	
	#previewPane{
		/*border:1px solid #CCCCCC;*/
		margin-bottom:10px;	
		text-align:center;
		vertical-align:top;
		/*padding-top:10px;*/

		position:relative;
		
		/* CSS HACK */
		height: 332px;	/* IE 5.x */
		height/* */:/**/320px;	/* Other browsers */
		height: /**/320px;
				
	}
	#previewPane img{
		line-height:300px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; */
		font-size:12px;
		width: 400px;
		text-align: center;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:0px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFFFFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFFFFF;
		padding:1px;	
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
	

/***************** multichoice select box (for multiselect.js) *********************/
.msel{ 
position:static;
}

.optionTextBox6{
padding:0px; 
margin:0px;
overflow:hidden; 
vertical-align:middle;
/* you can change the properties below */
height:18px; 
width:240px;
font-size:12px;
color:#173E24;
background-color:#F2FEFC;
border:1px solid #D1E9D1; 
border-right:1px solid #F2FEFC; 
font-weight: bold;
}


.optionTextBox6_200{
padding:0px; 
margin:0px;
overflow:hidden; 
vertical-align:middle;
/* you can change the properties below */
height:18px; 
width:180px;
font-size:12px;
color:#173E24;
background-color:#F2FEFC;
border:1px solid #D1E9D1; 
border-right:1px solid #F2FEFC; 
font-weight: bold;
}


.arrow6{
padding:0px;
margin:0px;
vertical-align:middle;
/* you can change the properties below */
width:20px;
}
.optionDiv6{
position:absolute;
left:-2000px;
top:-2000px;
display:none;
z-index:95;
width:auto;
/* you can change the properties below */
border:1px solid #000000;
background-color:#F2FEFC;
/*padding-left: 5px;*/
}
.selBox6{
position:static;
overflow:hidden;
display:inline;
float:inherit;
white-space:nowrap;
/* you can change the properties below */
height:20px; 
/*width:330px;*/
}
.cell6{
font-size:12px;
text-align:left;
background-color:#F2FEFC;
font-weight: bold;
padding-top: 1px;
padding-left: 5px;
}
.cellHover6{
font-size:12px;
color:#FFFFFF;
background-color:#7CA0DC;
text-align:left;
font-weight: bold;
padding-top: 1px;
padding-left: 5px;
}
.cellSelected6{
font-size:12px;
color:#FFFFFF;
background-color:#316AC5;
text-align:left;
font-weight: bold;
padding-top: 1px;
padding-left: 5px;
}

	
/************ icons 16x16 ***********/
.medical_travel_icons {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	background-image: url(../graphics/icons.gif);
	background-repeat: no-repeat;
}

.icon_agent 		{background-position: 0px -16px;} 
.icon_calculator 	{background-position: 0px -32px;} 
.icon_find 			{background-position: 0px -48px;} 
.icon_others		{background-position: 0px -64px;} 
.icon_lock			{background-position: 0px -80px;} 
.icon_smile			{background-position: 0px -96px;} 
.icon_wait			{background-position: 0px -112px;}
.icon_money			{background-position: 0px -128px;}
.icon_contact		{background-position: 0px -144px;}
.icon_expert		{background-position: 0px -160px;}
.icon_hospital		{background-position: 0px -176px;}
.icon_doctor		{background-position: 0px -192px;}
.icon_email			{background-position: 0px -208px;}
.icon_send_mail		{background-position: 0px -224px;}
.icon_world			{background-position: 0px -240px;}
.icon_comments		{background-position: 0px -256px;}
.icon_ok			{background-position: 0px -272px;}
.icon_view_card		{background-position: 0px -288px;}
.icon_save_card		{background-position: 0px -304px;}
.icon_add_image		{background-position: 0px -320px;}
.icon_remove_image	{background-position: 0px -336px;}
.icon_add_video		{background-position: 0px -352px;}
.icon_remove_video	{background-position: 0px -368px;}
.icon_add_record	{background-position: 0px -384px;}
.icon_remove_record	{background-position: 0px -400px;}
.icon_add_grant		{background-position: 0px -416px;}
.icon_remove_grant	{background-position: 0px -432px;}
.icon_add_visit		{background-position: 0px -448px;}
.icon_edit_visit	{background-position: 0px -464px;}
.icon_remove_visit	{background-position: 0px -480px;}
.icon_join_site		{background-position: 0px -496px;}
.icon_login_site	{background-position: 0px -512px;}
.icon_request_quote	{background-position: 0px -528px;}
.icon_suggest_quote	{background-position: 0px -544px;}
.icon_search		{background-position: 0px -560px;}
.icon_calendar		{background-position: 0px -576px;}