html {

	/* for development with designs width: 1024px;*/	
	/* IE dynamic css??  width: expression(Math.min(parseInt(this.offsetWidth), 400 ) + "px"); 
	   //http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/recalc.asp
	*/
}


BODY { 	

/*	font-size: 0.9em;  */
	background-color: #ffffff; 
	color: #333333; 
	margin: 0; 
	margin-left: 0; 
	margin-right: 0; 
	margin-top: 0; 
	margin-bottom: 0; 
	padding: 0; 
	border-style: solid;
	border-width: 0px;
	border-color: #ff0000;
	font-family: Verdana, Arial, helvetica, sans-serif; 
}

FORM {
	margin: 0;
	padding: 0;
}


DIV {
	border: 0px green solid;
}


A {
	outline: 0;
	text-decoration: underline;
}



UL.main_nav_menu {
	list-style-type: none;
	border-style: solid;
	border-width: 0px;
	border-color: green;
	padding: 0px;
	margin: 0px;
}
LI.main_nav_menu {
	display: inline;
	border-style: solid;
	border-width: 0px;
	border-color: yellow;
}

/* GALLERIES light blue =#CAD9EC border =#7E9ED1    */

#gallery_box {
	/* border: 0px solid #7E9ED1; */
        border: 0px solid #005870;
	background: #ffffff;	
}

/* CSS altered UL to produce tab effect. */
#gallery_tabs {
	text-align: left;
	padding-left: 0px;
	height: 20px;
	margin: 0 0 0 0;
	border: 0px red solid;
	background: url(../images/borderblue.gif) repeat-x bottom;
	text-align: left;	
}

#gallery_tabs li {
	margin-left: -20px; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
	list-style-position: outside;
}

/* inactive tab */
#gallery_tabs a:link, #gallery_tabs a:visited
	{
		float: left;
		background: #ffffff;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		/*inter tab spacing: */
		margin-right: 5px;
		/* border: 1px solid #7E9ED1; */
                border: 1px solid #005870; 
		text-decoration: none;
		color: #666;
	}

#gallery_tabs a:link.active, #gallery_tabs a:visited.active
	{		
		/* border-bottom: 1px solid #CAD9EC; */
                border-bottom: 1px solid #bfd5db;
		/* background: #CAD9EC; */
                background: #bfd5db;
		color: #000;
	}

#gallery_tabs a:hover
	{
		background: #fff;
	}

.gallery_titles {
	overflow: auto;
	/* background-color: #CAD9EC; */
        background-color: #bfd5db;
	/* border-color: #7E9ED1; */
        border-color: #005870;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	/*height: 126px;*/
	height: 150px;
	padding-left: 5px;
}

.gallery_links {
	float: left;
	display: inline;
	text-align: center;
	background-color: #ffffff;
	height: 103px;
	overflow: hidden;
	width: 125px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	/* border: 1px solid #7E9ED1; */
        border: 1px solid #005870;
}
.gallery_img {
	margin: 4px;
	/* border: 1px solid #7E9ED1; */
        border: 1px solid #005870;
}

DIV.gallery_singletab {
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	font-weight: bold;
        /*
	border-top: 1px solid #7E9ED1;
	border-left: 1px solid #7E9ED1;
	border-right: 1px solid #7E9ED1;
	background-color: #CAD9EC !important;
        */
        border-top: 1px solid #005870;
	border-left: 1px solid #005870;
	border-right: 1px solid #005870;
	background-color: #bfd5db !important;
       
}


UL.gallery_singletab {
	margin-left:0px;
	margin-right: 0px;
	background: url(null) !important;
	/* background-color: #CAD9EC !important; */
        background-color: #bfd5db !important;
}

LI.gallery_singletab A{
	width: 100%;	
	border-right-width: 1px !important;
	border-right-style: solid !important;
}

/* Home page */

.panel1 DIV.title {
	text-align: left; 
	position: relative;
	left: 11px;
	top: 13px;
	z-index: 2;
}

.panel1 DIV.news {
	width: 160px;
	border: 0px solid blue;
	text-align: left; 
	margin: 9px; 
	position: relative; 
	float: left;
	bottom: -150px;
	left: 0px;
	line-height: 1em;
	background-color: #ffffff;
	z-index: 2;
}

.panel1 .facebook {
	position: relative;
	float: right;
	margin-right: 9px;
	bottom: -190px;
}

.panel1 .facebook img {
	vertical-align: middle;
	border: 0;
}

/* SPECIFIC LINKS */

/*CSS2 in firefox only! 

.panel_text A:before {
	content: url(../images/blue_right.gif);
	margin: 5px;
}

*/


*.bluelink_inactive {
	color: #000000;
}

A.bluelink:link, .panel_text A {
	color: #005870 !important;
	/* color: #7087bd !important; */
}

A.bluelink:visited {
	color: #005870 !important;
	/* color: #7087bd !important; */
}


A.bluelink:hover {
	color: #408294 !important;
/*	color: #9999ff !important; */
}


*.blacklink_inactive {
	color: #000000;
}

A.blacklink:link {
	color: #000000 !important;
}
A.blacklink:hover {
	color: #000000 !important;
}
A.blacklink:visited {
	color: #000000 !important;
}


/* -- hide and show -- */

/*
DIV.panel1 #simple_search_activator {
	display: none;
}
*/
DIV.panel11 DIV.advanced_search {
	display: none;
}

DIV.panel11_extended DIV.advanced_search {
	display: block !important;
}	


DIV.panel11_extended DIV.simple_search {
	display: none;
}


/* General text pages */

.panel_text HR {
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
}

.panel_text A {

}

.panel_text P {
	margin: 0;
	margin-bottom: 10px;
}

.panel_text H1 {	
	margin: 1px;
	font-weight: normal;
}

.panel_text H2 {
	font-weight: bold;	
}

.panel_text H3 {
	font-weight: normal;
}

.panel_text H4 {
	font-weight: bold;
}

.fullview_field_label {
	font-weight: bold;
}



/* Lightboxes */
.lightbox_preview_thumb {
	float: left; 
	height: 130px; 
	width: 100px; 
/*	overflow: hidden;  */ 
	border: 0px solid green;
	margin-left: 5px;
	margin-right: 10px; 
	margin-top: 5px; 
	margin-bottom: 5px;
	text-align: left;
	vertical-align: bottom;	
}



.lightbox_list_column_header {
	padding: 0;
	margin: 0;
}

.lightbox_list_column_header_cell {
	color: #000000;
	border-width: 1px;
	border-color: #cbcbcb;
	border-style: solid;
	border-collapse: collapse;
	font-size: 0.9em;	
}



.listhead {
	background: url(../images/lightbox_buttons/colbck.gif) repeat-x bottom;
}
.listhead_ON {
	background: url(../images/lightbox_buttons/colbck_ON.gif) repeat-x bottom;
}



.lightbox_list_column_header_cell SPAN {
	float: left;
}

.lightbox_list_column_header_cell IMG {
	float: right;
	display: inline;
	border-width: 0px;
}
.lightbox_list_column_header_cell A {
	color: black;
}

.lightbox_list_entry TD{
	border-width: 1px;
	border-color: #eeeeee;
	border-style: solid;
	padding-top: 5px; 
	vertical-align: top;
	padding-left: 3px;
	padding-right: 3px;
}

.lightbox_list_img {
	width: 170px;
	padding: 0;
	margin: 0;
}

.lightbox_list_desc {

}

.lightbox_list_date {
	width: 80px;
}

.lightbox_list_notes {
	width: 180px;
}

.lightbox_list_star {
	width: 65px;
}
.lightbox_list_move {
	width: 20px;
}




/* footer */
.lgrey, .lgrey a {
	background-color:#E5E5E5; 
	color:#676767;
}

.smallgrey {
	color:#999999;
}

.smallgrey a {
	padding-left:3px; 
	padding-right:3px;
	color:#999999
}

/* actions */
.email_form_label { 
	vertical-align: middle;
}
.email_form_message {
	font-size : 1.4em;
	height: 45px;	
}
.print_form_table {
	padding: 0;
	margin: 0;
}


/*ORDER*/
SELECT.order {
	width: 200px;
}
TEXTAREA.order {
	width: 200px;
}

.order_user_details {
    width: 350px;
    float: left;
    margin:10px 0 10px 30px;
}

.order_user_details input[type=radio] {
    margin-left: 0px;
    margin-top: 0px;
}

.user_order_contact {
    /*display: block;*/
    float:left;
}

.user_order_contact input[type=text] {
    width: 250px;
}

.order_user_details select,
.order_user_details input[type=text] {
    width: 200px;
}

#order_usage_recaptcha {
    /*margin: 10px 40px 10px 0;*/
    margin: 25px 25px 10px 0;
    /*width: 400px;*/
    float: right;
}

.orderform_caption {
    width: 120px;
    display:inline-block;
    font-size: 11px;
}

.order_usage,
.order_filenames {
    margin: 10px 0 10px 0;
}

.order_filenames {
    display: none;
}


.order_filenames_data {
    margin-left:10px;
    /*background-color: pink;*/
}

.order_tnc {
    margin: 10px 0 10px 0;
    width: 318px;
}

#orderhist {
    font-size: 11px;
    width: 740px;
    padding: 0 0 0 0;
    border-collapse: collapse;
    border-spacing: 0;
}

#orderhist th {
    background-color: #CCC;
    padding: 5px 0 5px 15px;
}

#orderhist th, #orderhist td {
    padding: 15px 0 15px 15px;
    border-bottom: 1px solid #CCC;
    text-align: left;
}

#orderhist .image_display {
    background-color: #FFF;
}

#orderhist td.image_display_cell {
    border: 1px solid #CCC;
    text-align: center;
    padding: 0;
    width: 100px;
    height: 100px;
}

.orderhist_paged_nav_cont {
    width:740px;
}

.orderhist_paged_nav {
    float:right;
}

/*FORMS*/
.basic_form_label_align {
	text-align: right
}

.basic_form_input {
	width: 100%;
}

textarea {
    resize: none;
    overflow: auto;
}


.user_details {
    background-color: #DFE8F9;
    top: 150px;
    left: 0px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    padding-left: 10px;
}


.user_order_usage {
    float:right;
    width: 300px;
    /*margin-right: 50px;*/
    margin-right: 15px;
}

.user_order_usage .order_buttons {
    width: 303px;
}

.user_order_usage_box {
/*    width: 100%; */
    height: 70px;
}

.user_order_usage .user_order_usage_box {
    height: 150px;
    width: 100%;
}

.reg_form {
    width: 327px;
    height: 100px;
    margin-left: 156px;
    margin-top: 13px;
}

.reg_caption {
    float: left;
    width: 120px;
    text-align: left;
}

.reg_input {
    float: right;
}

.reg_input input {
    width: 200px;
}

.reg_input input[type=checkbox] {
    width: auto;
}

.reg_remember{
    /*float: right; */
}

.order_buttons,
.reg_buttons {
    width: 100%;
    margin: 10px 0 10px 0;
}

.order_send,
.reg_login {
    float: right;
}

.order_cancel,
.reg_cancel {
    float: left;
}

.user_order_clear,
.reg_clear {
    height: 10px;
    clear: both;
}

.reg_links {
    /*float: right;*/
}


/* restricted image marks */

.rimage {
   position: relative;
   width: 100%; /* for IE 6 */
}

.rimage div {
   position: absolute;
   left: 0;
   width: 100%;
   letter-spacing: -1px;
   padding-top: 5px;
}

.rimage div span {
    padding: 3px 10px 3px 10px;
    background: #DDD;
    /* background: rgba(0, 0, 0, 0.7); */

}

.rspan {
    /*color: white;*/
    letter-spacing: -1px;
    padding: 5px 15px;
    background: #DDD;
    /*background: rgba(0, 0, 0, 0.7);*/
}


.approval_caption {
    padding: 3px;
/*    position: relative;
    left: 9px;
    top: 0px;
    width: 141px;
*/
    margin-left: 13px;
    margin-right: 13px;
}



.rights_caption {
    background: #DDD;
}


/* appears on order2.html */
.order_panel {
    padding: 10px 0;
    /*width: 780px; ###*/
    width: 750px;
}

.restricted_approval {
    width: 600px;
}

.order_panel p {
    width: 600px;
}

.order_panel a.download {
    font-weight: bold;
    font-size: larger;
}

p.tnc_intro {
    font-weight: bold;
    font-size: 9px;
}

p.tnc_title {
    font-weight: bold;
    font-size: 9px;
    text-transform: uppercase;
}
.tnc_text {
    font-size: 8px;
    color: #000;
}

.clinical_tnc {
	margin: 60px 125px;
	text-align: left;

}

div.clinicaltnc {
    margin: 20px;
    width: 670px;
}

div.clinicaltnc h1, h2 {
    font-size: 1em;
}

div.clinicaltnc div {
    font-size: 0.8em;
    margin-top: 20px;
    margin-left: 30px;
}

div.clinicaltnc div.noindent {
    font-size: 0.8em;
    margin-top: 20px;
    margin-left: 0px;
}

div.clinicaltnc ul li {
    font-size:  0.8em;
}

span.dropt {
    border-bottom: thin dotted;
    background: #ffeedd;
}


span.dropt span {
    position: absolute;
    left: -9999px;
    margin: 20px 0 0 0px;
    padding: 3px 3px 3px 3px;
    border: solid black 1px;
    background: #fff;
}


span.dropt:hover span {
    left: 200px;
}





/*

span.dropt:hover {
    text-decoration: none;
    background: #ffffff;
}

span.dropt span {
    position: absolute;
    left: -9999px;
    margin: 4px 0 0 0px;
    padding: 3px 3px 3px 3px;
    border-style:solid;
    border-color:black;
    border-width:1px;
}



span.dropt:hover span {
    margin: 20px 0 0 170px;
    background: #ffffff;
    z-index:6;
}


*/