@charset "utf-8";
@import url('http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css');
@import url('http://yui.yahooapis.com/2.6.0/build/fonts/fonts-min.css');
/* CSS Document */
 
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	 background-color: #069;
	/* background-image: url(graphics/BlueSlate.jpg);
	 background-repeat: repeat; */
	 text-align: center;
}
strong {
	font-weight: 700;
}

.jobColumnField {
	float: left; 
	padding-left:3px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-bottom-width: 1px;
}
.jobColumnHeader {
	float: left; 
	background-color: #36F;
	color: white;
	padding-left:3px;
}

.bookFloater {
	float: right;
	display: block;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: none;
	font-size: 10px;
	text-align: center;
	clear: both;
}


.ResourceMenu {
	cursor: pointer;
	border-color: #09C;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: hidden;
	border-width: thin;
	width: 200px;
	/* height: 300px; */
	position: absolute;
	top: 0px;
	left: -30px;
}
.ResourceMenuItem {
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	padding-left: 4px;
	border-bottom-style: dashed;
	border-bottom-width: thin;
	border-bottom-color: #09C;
}
.ResourceMenuItem:first-child {
	padding-top: 0px;
	padding-left: 0px;
}
.ResourceMenuItem:last-child {
	border-bottom-style: hidden;
}

.ResourceMenuItemSelectedSticky {
	color: #F60;
	font-weight: 900;
}



.ResourceInfoPanel {
	
	width: 550px; 
	height: 720px; 
	position: absolute;
	top: 0px;
	left: 200px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.ResourceMenuItemSelected {
	background-color: #09C;
	color: #fff;
}


.ResourceList ul {
	margin-left: 20px;
	list-style: square;
}



.menuDivider {
	background-color:#CCC;
	height: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 7px;
	margin-right: 7px;
}

html {
	background-color: #069;
}

.inlineImage {
	clear: both;
	margin: 2px;
}

.inlineThumb {
	clear: both;
	margin: 2px;
}

.sidebarContent p {
	padding-bottom: 6px;
}

/* the following two classes implement static links with a little custom jquery.  add class="MouseOverLink" to the A */
.MouseOverLink {
	color: blue;
	text-decoration: none;
}

.MouseOverLinkHover {
	text-decoration: underline;
	cursor: pointer;
}

.h1Short {
	float: right; 
	margin-top: 20px;
	color: #93cbfa; 
	font-size: 18px; 
	font-style: italic; 
	padding-left: 10px;
}

.h1Long {
	float: right; 
	margin-top: 10px;
	color: #93cbfa; 
	font-size: 16px; 
	font-style: italic; 
	padding-left: 20px;
	white-space: normal;
	width: 425px;
	height: 55px;
	
	vertical-align: middle;
	
}

.outline {
	border-style: solid;
	border-width: medium;
	border-color: black;
	background-color: #CCC;
}

#localeContent p {
	padding-bottom: 5px;
}

#fullContentBox a:link {
	color: #03C;
}

#fullContentBox a:visited {
	color: #03C;
}

#fullContentBox a:active {
	color: #F90;
}

#fullContentBox a:hover {
	color: #ff7f00;
}

.morecontent {
	background-color: white;
}

.morecontent p {
	padding-bottom: 5px;
}

.translucentLeft {
	width: 309px; overflow: hidden; position: relative; top: 5px; left: 5px;
}

.translucentRight {
		width: 309px; overflow: hidden; position: relative; top: 5px; left: 400px;
}

ltranslucentFullLeft {
	width: 309px; overflow: hidden; position: relative; top: 5px; left: 5px;
}

.translucentFullRight {
		width: 309px; overflow: hidden; position: relative; top: 5px; left: 400px;
}

.red {
	color: red;
	font-weight: bold;
}

.fullcontent { /* this hides the full content body in the location info panel until it's expanded */
	display: none;
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

.login {
	font-size: 11px;
}
.loginBar {
	text-align: right; 
	height: 80px; 
	padding-right: 20px; 
	z-index: 4000;
}

.loginHover {
	color: #F90;
}

h6 {
	color: #3F0;
	padding: 5px;
	margin: 5px;
	border-color: #F03;
	border-style: solid;
}

.stateCheck {
	display: inline-block; 
	border-style: solid; 
	border-width: 1px; 
	text-align: center; 
	border-color: #93cbfa; 
	background-color: #FFFFFF;
	width: 23px; 
	height: 16px; 
	margin: 2px;
}

.compactCheck {
	display: inline-block; 
	border-style: solid; 
	border-width: 1px; 
	text-align: center; 
	border-color: #93cbfa; 
	background-color: #FFFFFF;
	width: 23px; 
	height: 16px; 
	margin: 2px;
}

.PanelHeading {
	background-color: #F90;
	text-decoration: none;
}

.SearchSpecialties {
	max-width: 185px;
	width: 185px;
}

.stateCheckbox {
	height: 5px;
}


.vwarningBox {
	border-style: solid;
	border-color: red;
	border-width: thin;
}

.vwarning {
	font-weight: bold;
	color: red;
}

.formlabel {
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
}

.searchTitle {
	text-align: left;
	height: 20px;
	vertical-align: bottom;
	padding-left: 8px;
}

.searchValue {
	text-align: left;
	padding-left: 5px;
}

.searchTitleSmall {
	text-align: left;
	height: 15px;
	vertical-align: bottom;
	padding-left: 6px;
	font-size:  10px;
}

.searchValueSmall {
	text-align: left;
	padding-left: 3px;
	font-size: 10px;
}

.panelHeading {
	font-size:larger;
	font-weight:bold;
	padding-top:8px;
	padding-bottom: 5px;
	text-align:left;
}

.sidebar {
	float: right; 
	width: 330px; 
	padding-right: 5px;
}

.sidebarBox {
	width: 330px;  
	margin-top: 5px; 
	background-image:url(/graphics/RRbg.png); 
	background-repeat:repeat-y; 
	color: #666666; 
	text-align:left; 
	font-size: 11px;
}

.sidebarBoxTop {
	background-image:url(/graphics/RRtop.png); 
	background-repeat:no-repeat; 
	width:330px; height:5px;
}

.sidebarBottom {
	background-image:url(/graphics/RRbot.png);
	background-repeat:no-repeat; 
	width:330px; 
	height:5px;
}

.sidebarBox725 {
	width: 725px;  
	margin-top: 5px; 
	background-image:url(/graphics/RRbg725.png); 
	background-repeat:repeat-y; 
	color: #666666; 
	text-align:left; 
	font-size: 11px;
}

.sidebarBoxTop725 {
	background-image:url(/graphics/RBtop725.png); 
	background-repeat:no-repeat; 
	width:725px; height:5px;
}

.sidebarBottom725 {
	background-image:url(/graphics/RBbot725.png);
	background-repeat:no-repeat; 
	width:725px; 
	height:5px;
}

.sidebarContent725 {
	margin-left:15px; 
	margin-right:15px; 
	margin-top: 5px; 
	margin-bottom: 10px;
}

.sidebar250 {
	float: right; 
	width: 250px; 
	padding-right: 5px;
	margin-left: 10px;
}

.sidebarBox250 {
	width: 250px;  
	background-image:url(/graphics/RRbg250.png); 
	background-repeat:repeat-y; 
	color: #666666; 
	text-align:left; 
	font-size: 11px;
}

.sidebarBoxTop250 {
	background-image:url(/graphics/RRtop250.png); 
	background-repeat:no-repeat; 
	width:250px; height:5px;
}

.sidebarBottom250 {
	background-image:url(/graphics/RRbot250.png);
	background-repeat:no-repeat; 
	width:250px; 
	height:5px;
}

.sidebarContent {
	margin-left:15px; 
	margin-right:15px; 
	margin-top: 10px; 
	margin-bottom: 10px;
}


        #menuBar {
            /* position: relative; */
            width: 780px;
            background: url("/images/bg.gif") no-repeat top;
            padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 20px;
			padding-right:5px;
            margin: 10px 0;
            overflow: hidden;
			height:40px;
        }
                #menuBar li {
                    float: left;
                    list-style: none;
                }
                    #menuBar li.back {
                        background: url("/images/lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        #menuBar li.back .left {
                            background: url("/images/lava.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    #menuBar li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
/*                        margin: auto 8px;     */
						margin-top: auto;
						margin-right: 18px;
						margin-left: 18px;
						margin-bottom: 8px;
						
                    }
                        #menuBar li a:hover, #menuBar li a:active, #menuBar li a:visited {
                            color: #fff;
                            border: none;
                        }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(/graphics/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px; 
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

.AdminHeader {
	height: 100px;
	width: 100%;
	background-image: url(graphics/AdminHeader.png);
	background-color:#FFF;
	background-position: left;
	background-repeat: no-repeat;
	border-bottom-style:outset;
	border-bottom-color: #666;
	border-bottom-width: thick;
	margin: 0px;
}

.AdminTitle {
	font-size: 18px;
	font-weight: 700;
	font-stretch:  narrower;
	padding-top: 65px;
	text-align: left;
	margin-left: 265px;
}



.AdminBody {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #ffffff;
	color: #000000;
	font-size: 12px;
	text-align: left;
}



#ResourceMenuPanel {
	position: absolute;
	color: white;
	top: 140px;
	left: 380px;
	width: 220px;
	z-index: 999999;
	/* background-color: #ff8D00;  #ff9700; */
	background-image: url(images/subMenuBottom.gif);
	background-position:bottom;
	background-repeat: no-repeat;
}

        #ResourceMenu {
            /* position: relative; */
            width: 220px;
            padding-top: 0px;
			padding-right:5px;
			padding-left: 10px;
            margin: 0px 0;
            overflow: hidden;

        }
                #ResourceMenu li {
                    float: left;
					width: 200px;
                    list-style: none;

                }
                    #ResourceMenu li.back {
                        background: url("/images/lavasub.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        #ResourceMenu li.back .left {
                            background: url("/images/lavasub.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    #ResourceMenu li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 8px;    
                    }
                        #ResourceMenu li a:hover, #ResourceMenu li a:active, #ResourceMenu li a:visited {
                            color: #fff;
                            border: none;
                        }

	#ui-datepicker-div {
		background-color: #FFF;
		border-style: solid;
		border-color: #039;
		border-width: 1px;
	}


	.ui-datepicker-clear {
		float: left;
		color: #0;
		font-size: 9px;
		padding-left: 2px;
		padding-top: 2px;
	}

	.ui-datepicker-close {
		float: right;
		color: #0;
		font-size: 9px;
		padding-right: 2px;
		padding-top: 2px;
	}
	
	.ui-datepicker-prev, .ui-datepicker-current, .ui-datepicker-next {
		display: inline-block;
		color: #0;
		font-size: 9px;
		padding: 2px;
	}
	
	.ui-datepicker-days-cell {
		padding: 5px;
		font-size: 9px;
		border-width: 1px;
		border-color: #fff;
		border-style: solid;
	}
	
	.ui-datepicker-title-row {
		font-size: 9px;
		padding-top: 2px;
		color: #039;
	}
	.ui-datepicker-current-day {
		background-color:#039;
		color: #FFF;
	}
	.ui-datepicker-days-cell-over {
		border-style: solid;
		border-width: 1px;
		border-color: #FC0;
	}

.specsRight {
	text-align: left;
}

#resultsTable {
	font-size: 11px;
}