/* Start of CMSMS style sheet 'senior2' */
/*----------------Global---------------*/
Body {
	margin: 0;
	padding: 0;
	background: url(images/background.jpg) repeat-x #e7e8dc;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
}

.global {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 906px;
}

.top-box {height: 95px;}
.logo{float:left; height:82px; width:135px; padding-top:12px; padding-left:25px;}
#lang{float:right; width:195px; padding-top:71px; padding-right:26px; color:#FFFFFF; text-align:right;	}


#lang a {font-size:13px; color:#FFFFFF;text-decoration:none;}
#lang a:hover {color:#dcddd2; text-decoration:underline;}
#lang a:active {color:#dcddd2; text-decoration:none;}


#lang span {font-size:13px; color:#dcddd2;text-decoration:none;}
#lang span:hover {color:#dcddd2; text-decoration:none;}

/*----------------Header---------------*/
.banner-box{height: 200px;background-image: url(images/bg-banner.jpg); background-repeat:no-repeat;}
.banner{ height: 182px; padding-top:9px; padding-left:0px; font-size:13px;}



.top-box-content {height: 17px; width: 906px; background-image: url(images/bg-top-content.jpg); background-repeat:no-repeat;}
.box-content {float:left; height: auto; width: 906px;background-image: url(images/bg-content.jpg); background-repeat:repeat-y;}

/*----------------Menu---------------*/
.menu-box {height:41px; padding-right:23px;
margin-top:4px;margin-bottom:11px;}

#menuwrapper {float:right; margin:0;}
/* Main menu (tabs) */
#tabs { margin:0 5px; padding:4px 0 3px 0; height: auto;
font-size:15px; font-family: Georgia, "Times New Roman", Times, serif;
      line-height:normal;}

    #tabs ul {margin:0 10px; padding:0; list-style:none;}
    #tabs ul li {margin:0 9px 0 0; padding:0; float:left;}
    #tabs ul li a {display:block; position:relative; padding-top:9px; padding-right:13px; padding-bottom:12px; padding-left:14px; border:0;  color:#5a525e; font-weight:normal; text-decoration:none; cursor:pointer;}
    
    /* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; width:11px; height:40px;}
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; width:12px; height:40px;}
    
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url("uploads/crystalx/tab_link.jpg") 0 0 repeat-x; color:#FFF;}
    #tabs ul li a:hover span.tab-l {background:url("uploads/crystalx/tab_active_l.jpg") 0 0 no-repeat;}
    #tabs ul li a:hover span.tab-r {background:url("uploads/crystalx/tab_active_r.jpg") 100% 0 no-repeat;}
    
    /* Main menu (tabs - active) */
    #tabs ul li.active a {color:#FF0000;background:url("uploads/crystalx/tab_link.jpg") 0 0 repeat-x; color:#eeefe5; font-weight:normal;height:40px;}
    #tabs ul li.active a span.tab-l {position:absolute; top:0; left:0; width:8px; height:40px; background:url("uploads/crystalx/tab_active_l.jpg") 0 0 no-repeat;}
    #tabs ul li.active a span.tab-r {position:absolute; top:0; right:0; width:7px; height:40px; background:url("uploads/crystalx/tab_active_r.jpg") 100% 0 no-repeat;}

    #tabs ul li.active a:hover {background:#9c7f79; color:#FF0000;background:url("uploads/crystalx/tab_link.jpg") 0 0 repeat-x; color:#fff; font-weight:normal;}




.clear {clear:both;}
.box {min-height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}




#tabsC {
      float:left;
	  margin-left:395px;
      width:520px;
      font-size:15px;
	  font-family:Georgia, "Times New Roman", Times, serif;
      line-height:normal;
      }
    #tabsC ul {
	text-align:right;
	  margin:0;
	  padding:9px 12px 0 50px;
	  list-style:none;
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsC a {
      float:left;
      margin:0 0 0 5px;
      padding:0 0 0 9px;
	  background-position:0% -36px;
      text-decoration:none;
      }
    #tabsC a span {
      float:right;
      display:block;
      background-position:100% -36px;
      padding:4px 8px 9px 0px;
      color:#2b2034;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#ffffff;
      }
    #tabsC a:hover {
	  background:url("images/menuover.jpg") no-repeat left top;

      }
    #tabsC a:hover span {
	  background:url("images/menuover.jpg") no-repeat right top;
      }
	  
	      #tabsC a:active span {
      color:#666666;
      }  

/*----------------Content-left---------------*/

.content_left
{   text-align:left;
	float:left;
	height: 220px;
	width:182px;
	padding:0;
	margin-top:22px;
	margin-left:41px;
}

/*----------------Content-left-introPage---------------*/

.content_left_intro {text-align:left; float:left; height:230px; width:190px; 
	padding:0; margin-top:20px; margin-left:35px; 
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;
	clear: left;
}
.content_left_intro h1 {font-size:20px; font-family:"Times New Roman", Times, serif; color:#635a69; font-weight:normal; padding-bottom:6px; padding-left:6px;
    margin-top:0px; margin-bottom:0px; line-height:normal;}
	
.textIntroTitle {font-size:14px; font-family:"Times New Roman", Times, serif; line-height:20px; color:#243049;
	margin-top:3px; margin-bottom:3px;padding-left:10px;}

.textIntro {text-align:left; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;
	margin-top:0px; margin-bottom:9px;padding-left:10px;}

	
.content_left_intro2 a {height: 21px; padding-top: 1px; padding-right: 9px; padding-bottom: 3px; padding-left: 18px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#eae8dc; background-color: #635a69;
background-image: url(images/arrowLink.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 8px center;}

.content_left_intro a:hover2 {background-color: #9b8079; text-decoration: none;background-image: url(images/arrowLink2.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 8px center;}



.content_separator
{
	float:left;
	height: 290px;
	width:20px;
	padding:0px;
	margin-top:8px;
	margin-left:12px;
	clear:none;
}

.content_separatorIntro
{
	float:left;
	height: 290px;
	width:20px;
	padding:0px;
	margin-top:8px;
	margin-left:24px;
	clear:none;
        text-align:left;
}


/*----------------SubMenu---------------*/

/********************
MENU
*********************/
#menu_sub {
   padding: 0;
   margin-bottom: 16px;
}

#menu_sub ul {
   padding: 0;
   margin: 0;
}

/* third level has some padding to have it stand out */
div#menu_sub ul ul ul {
   padding-top: 3px;
   padding-bottom: 9px;
   padding-left: 2px;
}

/* menu li block */
#menu_sub li {
   list-style: none;
   margin: 0;
   display: block;
}


#menu_sub ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_sub li a { height: 1%; } 
* html #menu_sub li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_sub a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
margin-bottom:2px;
      padding: 0.1em 0.4em 0.4em 14px; /* some air for it */
   color: #fff; /* this will be link color for all levels */
   height:15px; /* Fixes IE7 whitespace bug */ 
}

/* next level links, more padding and smaller font */
div#menu_sub ul ul a {
   font-size: 12px;font-weight:bold;
background-image: url(images/submenu2-bg.jpg); background-repeat:no-repeat;
   padding: 14px 0 17px 14px;

}
div#menu_sub ul ul a:hover {
   font-size: 12px;
background-image: url(images/submenu1hover-bg.jpg); background-repeat:no-repeat;

}


/* third level links, more padding */
div#menu_sub ul ul ul a {
height: 21px;font-weight:normal;
   padding: 1px 3px 1px 28px;
   background: url(images/arrow1.jpg) no-repeat 13px center; 
color:#1D283E;
}

div#menu_sub ul ul ul a:hover {
padding: 1px 3px 1px 28px;
height: 21px;
   background: url(images/arrow.jpg) no-repeat 13px center;
}

/* hover state for all links */
div#menu_sub a:hover {
}

div#menu_sub a.activeparent {
background-image: url(images/submenu1-bg.jpg); background-repeat:no-repeat;
   color: #fff;
}
div#menu_sub a.activeparent:hover {
   color: #fff;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_sub li a.activeparent {
   color: #fff;
}

div#menu_sub ul ul li a.activeparent {
   color: #fff;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_sub ul h3 {
  
background-image: url(images/submenu1-bg.jpg); background-repeat:no-repeat;
   display: block; 
   padding: 7px 0px 7px 14px; /* some air for it */
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_sub ul ul h3 {
   font-size: 12px;
   font-weight:normal;
   padding: 14px 0 19px 14px;
margin-bottom:4px;
   color: #fff;font-weight:bold;
}

/* current page on third level, more padding active*/
div#menu_sub ul ul ul h3 {
 background-color: transparent;
height: 21px;
   padding: 1px 3px 1px 28px;
   background: url(images/arrow.jpg) no-repeat 13px center; 
color:#646365;
}

/* section header */
div#menu_sub li.sectionheader {
   border-right: none;
   font-size: 130%;
   padding: 0.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}


/* separator */
div#menu_sub li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_sub li.separator hr {
   display: none; /* this is for accessibility */
}

/*----------------Content--------------*/

h1{  font-size:21px;
	  font-family:"Times New Roman", Times, serif; color:#5c5161;
      line-height:28px;font-weight: normal;margin-bottom:22px;}

h2{font-size:16px; font-family:"Times New Roman", Times, serif; line-height:16px; font-weight:normal;}
.h3{}

.content
{
	padding-top:0px;
        padding-left:0px;
        padding-right:0px;
        padding-bottom:20px;
	margin-top:19px;
	margin-right:49px;
	margin-left:282px;
	text-align:justify;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
        color:#1d283f;
	line-height:17px;
	
}
.content p{margin:0;padding-bottom:18px;}

.content a {font-size:12px; color:#635a69; text-decoration:none;}

.content a:hover {color:#635a69; text-decoration:underline;}

.content a img {border:3px solid #918393;}
.content a:hover img {border:3px solid #635a69;}

.content a {font-size:12px; color:#635a69; text-decoration:none;}

.content a:hover {color:#635a69; text-decoration:underline; }


.contentIntro {
	padding-top:0px;
        padding-left:0px;
        padding-right:0px;
        padding-bottom:42px;
	margin-top:19px;
	margin-right:47px;
	margin-left:305px;
	text-align:justify;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
        color:#1d283f;
	line-height:16px;
	
}

.contentIntro li{text-align:left; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;margin:0px; padding:0px;
}

.contentIntro  ul li {
	margin: 0px 0px 10px 15px;
	padding: 0px; list-style: url(images/bullet.jpg);
}

.contentIntro ul {
	padding:0px;margin:0px;}

.contentIntro a {font-size:12px; color:#635a69; text-decoration:none;}

.contentIntro a:hover {color:#9b8079; text-decoration:underline; }


.medic a { 
height: 22px;
padding-top: 9px;
padding-right: 135px;
padding-bottom: 9px;
padding-left: 29px;
margin-top:7px;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
color: #666666;
background-image: url(uploads/images/medic.jpg);
background-repeat: no-repeat;
background-position: 0 center;}


.servicesIntroTitle {text-align:left; font-family:"Times New Roman", Times, serif; font-size:14px; line-height:17px;margin-top:0px; margin-bottom:10px;padding:0px;}

.servicesIntro {text-align:left; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;margin-top:0px; margin-bottom:9px;padding:0px;}

.contentIntroSeparator  {
	float:right;
	height: 212px;
	width:263px;
	padding-left:22px;
margin:0px;
border-left: 1px solid #c8c9bd;
font-size:12px; line-height:16px;
}

.brochure {float:left; height:57px; width:171px; padding-top:26px; padding-left:18px; margin-left:1px; background: url(images/brochureButton.jpg) no-repeat;}

.brochure a {font-size:12px; color:#635a69; text-decoration:none;}

.brochure a:hover {color:#9b8079; text-decoration:underline; }


/*----------------lightbox---------------*/

#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(/modules/LightBox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(modules/LightBox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(modules/LightBox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%    
    }

#imageData{    padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }    
        
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    }


/*----------------Footer---------------*/
.footer {height:90px; background: url(images/bg-footer.jpg) repeat-x; background-color:#1d283f; text-align:center; font-size:10px; clear:both; padding-bottom:15px;}
.bottom_content {background:url(images/bg-footer-content.jpg) no-repeat; width:906px; height:20px; margin:0 auto;}
.footer_center {text-align:center; font-size:11px; color:#FFFFFF; line-height:18px;}

.footer_center a{color:#dcddd2; text-decoration: none;padding:0;}
.footer_center a:hover{color:#dcddd2; text-decoration: underline;}


.content-left {
margin-top:140px;
text-align:center;
	background-image: url(images/bg.jpg); background-repeat:no-repeat;
}
.content-right {
	margin: 0 auto;
	padding:0;
	width:800px;
	height:422px;
	text-align:left;}

.table{	margin:0px;
		border:0px;
		}

a {color: #666666; text-decoration: none;}
a:hover {text-decoration: underline;}

#right {
text-align:center;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

#right a {color:#ffffff; text-decoration: none;}
#right a:hover {color: #efede3; text-decoration: underline;}
.bold {
	font-size: 15px;
}


/*----------------Form--------------*/
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}


fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #BFB9C4;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#BFB9C4;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #BFB9C4
}
textarea {
	margin: 0.5em 0;
	width:80%;
	height: 8em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #BFB9C4; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #BFB9C4;
	padding:0.5em
}

fieldset label {
	width:auto;
}

legend {
	color:#FFF;
	background:#F60;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:80%;
	height: 8em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #BFB9C4; margin-bottom:0.5em;}
.captcha input {width:196px; margin-top:0.5em;}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em;}

.contactform input {border: 1px solid #BFB9C4;margin-bottom:0.5em}
.contactform input.checkbox {border: none; }
.contactform label {
	display: block;
	width: 300px;
}

.contactform .checkbox input {border: 1px solid #BFB9C4;}

.contactform .checkbox label {display: inline;}


.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #fff;
	border: 1px solid #BFB9C4;
}

.contactform .field input{width: 290px;
	background-color: #fff;
	border: 1px solid #BFB9C4;
}

.contactform .radio{padding:0;margin-top:-8px;}

.contactform .radio input{padding:0;margin-top:-21px;margin-left:72px;margin-bottom:0px;
width:156px;background-color: #fff;border: 1px solid #BFB9C4;}

.contactform .code input{width: 120px;
	background-color: #fff;
	border: 1px solid #BFB9C4;
}

.contactform .selectList select{width: 290px;
	background-color: #fff;
	border: 1px solid #BFB9C4;
margin-top:0px;
margin-bottom:0.5em;
}

.text {margin-top:0.5em;
margin-bottom:0.2em;
}

.error_message li {font-size: 11px; color:#896363;font-weight: bold;}

.fbsubmit {
width: 80px;
height: 23px;
background-color: #635a69;
color: #fff;
border: 2px solid #b6b6af;
margin: 6px 0 0 0; padding-bottom:3px;
cursor: pointer;
font-weight: normal;
}

.fbsubmit:hover {
width: 80px;
height: 23px;
background-color: #9b8079;
color: #fff;
cursor: pointer;
font-weight: normal;
}

.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* End of 'senior2' */