﻿body 
{
    display:block;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 12px;
	background:#00A4E8 url(../images/background/bg-grad-blue.gif) repeat-x;
	margin:0;
	text-align:center;
}

#main-wrapper 
{
	margin:0px auto;
	width:750px;
	text-align:left;
}

#User-Info-Container
{
    padding: 0px 12px 0px 0px;
    text-align: right;
    float: right;
}

.UserLink
{    
    text-decoration: underline;
    font-family: Arial, Verdana, Calibri, Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
}

.UserName
{
    font-family: Arial, Verdana, Calibri, Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
}

.manageAccount
{
    background-color: #FFDC00;
    height: auto;
}

.warningBox
{
    /*display:inherit;*/
    width:37em;
    border:1px #FFCC00 solid;
    padding:0.5em;
    background-color:#FFFF99;
    color:Black;
    margin: 0px auto;
}

/*
div
{
    border-style:dashed;
    border-width:thin;
}
*/

.tech-check-content
{
    text-align:justify;
    padding:0px 10px 0px 10px;
}

a.green-link
{
    background-color:White;
    color:Green;
}

a.green-link:visited
{
    background-color:White;
    color:Green;
}

a.green-link:active
{
    background-color:White;
    color:Green;
}

#crf-top-wrapper
{
	width:750px;
	height:20px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
}

#crf-header-nav
{
    text-align:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width: 450px;
}

#crf-header-nav ul
{
    list-style:none;
    margin:0px 0px 0px 4px;
    padding:0px 0px 0px 0px;
}

#crf-header-nav ul li
{
    list-style:none;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 1px;
    color:White;
}

#crf-header-nav ul li a
{
    color:White;
    text-decoration:none;
}

#crf-header-nav a
{
    color:White;
    text-decoration:none;
}

#crf-header-nav a:visited
{
    color:White;
    text-decoration:none;
}

#crf-header-nav ul li a:visited
{
    color:White;
    text-decoration:none;
}

#welcome, #crf-header-nav
{
	font-size:11px;
    color:White;	
    text-decoration:none;
}

#logout
{
    float:right;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:40px;
    font-size:11px;
    color:White;
}

#logout:visited
{
    color:White;
}

#welcome
{
    float:right;
    padding:0px 5px 0px 0px;
    margin:0px 0px 0px 0px;
    width:180px;
    text-align:right;
}

#banner
{
    background: #FFFFFF url(../images/HomePage/CrystalHeader.jpg) no-repeat;
    background-repeat: repeat-x; 
    float:left;
    width:750px;
    height:132px;
    margin:0px;
    padding:0px;
}

.userInfo
{
    padding: 6px 10px 0px 10px;
    display: inline;
    margin: -1px 0px 0px 0px; 
    background-color: #EBECEE;
    float: left;
    height: 24px;
    width: 730px;
    text-align: right;
}

.userInfo ul 
{
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

.userInfo ul li 
{
	float: left;
	padding: 0px 2px 0px 2px;
}

.userInfo a
{
    color: Blue;
}

.userInfo a:hover
{
    color: Maroon;
}

.userInfo .userDetails
{   
   color: Black;
   border: solid 1px red;
}

#home
{
    background-color:#EBECEE;
    float:left;
    margin: -1px 0px 0px 0px;
    padding: 6px 0px 0px 10px;
    width:740px;
    height:26px;
}

#home #lnkHomeBtn a
{
    float:left;
    text-decoration: underline;
    color: Blue;
}

#home #lnkHomeBtn a:hover
{
    color: Maroon;
}

#home #lnkRight
{
    float: right;    
    padding-right: 12px;
}

#home #lnkRight .lnkLogin a
{
    float:left;
    text-decoration: underline;
    color: Blue;
    padding: 0px 2px 0px 2px;
}
#home #lnkRight .lnkSeprator
{
    float:left;
}

#home #imgHome
{
    background-color:White;
    background-image:url(../images/crf/home.gif);
    background-repeat:no-repeat; 
    background-position:right;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:55px;
    height:29px;
}

#home a
{
    text-decoration:none;
    font-family:"Trebuchet ms",Verdana,Arial,Helvetica;
	font-weight:bold;
	color:Green;
	padding:0px 0px 0px 4px;
	margin:0px 0px 0px 0px;
	font-size:12px;
}

#home #lnkHome
{
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#crf-content-wrapper
{
    /*border: solid 5px #99CCCC;
    border: solid 5px #FFF;*/
    background-color: #FFF;
    width: 750px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}

#content-left
{
    width:480px;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 18px;
    /*margin:5px 5px 5px 10px;*/
}

.content-left.flash
{
    width:480px;
    float:left;
    margin:0px 0px 0px 0px;
    padding: 12px 0px 0px 18px;
    text-align:left;
}

#content-right
{
    width:230px;
    float:right;
    margin:0px 0px 0px 0px;
    padding: 0px 4px 0px 0px;
    clear: right;
}

#content-rightButtons
{
    width:213px;
    height: 18px;
    float:right;
    margin:0px 0px 0px 0px;
    padding:0px 18px 0px 0px;
    position:relative;   
}

#content-rightButtons .buttonsWrap
{
    width:213px;
	height:226px;
	background-image:url(../images/crf/crystalhome.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	top: -8px;
	left: 0px;
	position:absolute;
}

#crf-screenshot
{
    float:left;
    width:180px;
    height:130px;
    margin:5px 2px 2px 0px;
}

.crf-content-holder
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.crf-content-holder .content-text
{
    width:471px;
    float:left;
    background-image:url(../images/HealthCheck/images/ch-border.gif);
    background-repeat:repeat-y;
	margin:-5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.crf-content-holder h2
{
    font-family:"Trebuchet MS",Verdana,Arial,Helvetica;
	font-weight:normal;
	background-image:url(../images/HomePage/Crystal_Tour_Head.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:36px;
    width:471px;
    float:left;
	margin:0px 0px 0px 0px;
	/*padding:0px 0px 0px 0px;*/
	padding: 8px 0px 0px 8px;
	font-size:18px;
	color:white;
}

.crf-content-holder .crf-content-footer
{
    background:transparent url(../images/HealthCheck/images/ch-bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:17px;
	width:471px;
    float:left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 8px 0px;
}

.crf-content-holder p
{
    text-align:justify;
    margin: 8px 8px 4px 8px;
    padding:0px 0px 0px 0px;
    /*position:relative;*/
}

.crf-content-holder p.details-left
{
    text-align:justify;
    margin:8px 0px 4px 8px;
    padding:0px 0px 0px 0px;
    width:210px;
    float:left;
}

.crf-content-holder p.details-right
{
    text-align:justify;
    margin:8px 8px 4px 8px;
    padding:0px 0px 0px 0px;
    width:210px;
    float:left;
}

.feedback-form
{
    border:solid 1px #CCCCCC;
    width:450px;
    margin:2px 0px 0px 9px;
    padding:0px 0px 5px 0px;
    float:inherit;
}

.feedback-form h4.feedback-header
{
    height:20px;
    background-color:#30CE30;
    color:White;
    font-weight:normal;
    font-size:13px;
    text-align:center;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 0px;
}

.feedback-form div#textboxes
{
    width:215px;
    float:left;
    margin:0px 0px 0px 0px;
    padding-left:8px;
    text-align:left;
}

.lblComments
{
    width:212px;
    margin:0px 8px 0px 0px;
    padding:0px 0px 0px 0px;
    float:right;
    text-align:left;
}

.feedback-form input.feedback-input-watermark
{
    width:200px;
    margin:0px 0px 2px 0px;
    padding:0px 0px 0px 0px;
    text-align:left;
    font-family:"Trebuchet MS",Verdana,Tahoma,Sans-Serif;
    font-size:11px;
    background-color:White;
    color:Black;
}

.feedback-form textarea.feedback-input-watermark
{
    height:145px;
    width:210px;
    margin:0px 8px 0px 0px;
    padding:0px 0px 0px 0px;
    float:right;
    text-align:left;
    font-family:"Trebuchet MS",Verdana,Tahoma,Sans-Serif;
    font-size:11px;
    background-color:White;
    color:Black;
}

input.btn-clear,input.btn-send
{
    border:solid 1px black;
    color:White;
    width:80px;
    height:25px;
    float:right;
    font-family:"Trebuchet MS",Verdana,Tahoma,Sans-Serif;
    font-size:12px;
}

.feedback-form input.btn-clear
{
    background-color:#C2BEBE;
    margin:5px 8px 5px 0px;
}

.feedback-form input.btn-send
{
    background-color:#30CE30;
    margin:5px 6px 5px 0px;
}

.feedback-form div.valSummary
{
    width:220px;
    /*height:20px;*/
    background-color:White;
    color:Black;
    float:left;
    margin:6px 0px 2px 0px;
    padding-left:10px;
    text-align:left;
}

.feedback-form div.message
{
    width:220px;
    background-color:White;
    color:#0B5302;
    float:left;
    margin:6px 0px 2px 0px;
    padding-left:10px;
    text-align:left;
}

.crf-content-holder-right
{
    width:211px;
    float:left;
    margin: -20px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:left;
    /*padding:0px 3px 0px 3px;*/
}

.terms
{
    text-align:left;
    padding:0px 3px 0px 3px;
}

.uc-content-title
{
    font-size:larger;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.uc-content
{
    margin:0px 0px 0px 0px;
    padding:4px 0px 0px 0px;
    text-align:justify;
}

.crf-content-holder-right h2
{
    font-family:"Trebuchet ms", Verdana,Arial,Helvetica;
	font-weight:normal;
	background-image:url(../images/HomePage/Crystal_FAQ-Head.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:32px;
    width:211px;
    float:left;
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 8px;
	/*padding:8px 0px 0px 8px;*/
	font-size:18px;
	color:White;
}

.crf-content-holder-right .crf-content-footer
{
    background-image:url(../images/HomePage/ch-small-bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:16px;
	width:211px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.crf-content-holder-right .cdrom-link
{
    background-image:url(../images/HomePage/cdrom.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:51px;
	width:209px;
	float:right;
	margin: 3px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.crf-content-holder-right .content-text
{
    width:211px;
    float:right;
    background-image:url(../images/HomePage/ch-small-border.gif);
    background-repeat:repeat-y;
	margin: -5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.crf-content-holder-right .content-text p
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 5px;
    font-family:"Trebuchet ms",Verdana,Arial,Helvetica,Sans-Serif;
	font-weight:lighter;
	font-size:9pt;
}

.crf-content-holder-right .content-visible, .crf-content-holder-right .content-hidden
{
    text-align:left;
    /*margin:0px 0px 0px 0px;*/
    padding:0px 8px 0px 0px;
    margin:4px 4px 4px 0px;
}

.crf-content-holder-right .content-visible
{
    display:block;    
}

.crf-content-holder-right .content-hidden
{
    display:none;
}

.crf-content-holder-right ul#sidelinks
{
    list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.crf-content-holder-right ul#sidelinks li
{
	margin:0px 0px 0px 0px;
	padding:4px 4px 4px 16px;
}

.crf-content-holder-right ul.reqs
{
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 16px;
}

.crf-content-holder-right ul.reqs li.reqsItem
{
    text-align:left;
	margin:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
}

a.btn-sidelinks
{
    /*background-image:url(../images/crf/btn-sidelinks.gif);
    background-repeat:no-repeat;
    width:188px;
    height:25px;
	display:block;*/
	color:#0000AA;
	font-family:"Trebuchet ms",Verdana,Arial,Helvetica;
	font-weight:normal;
	font-size:9pt;
	text-decoration:none;
	/*padding-top:7px;*/
}

a.btn-sidelinks-active
{
    color:#0000AA;
	font-family:"Trebuchet ms",Verdana,Arial,Helvetica;
	font-size:9pt;
	text-decoration:none;
	font-weight:bolder;
}

a.btn-sidelinks:active, a.btn-sidelinks:visited, a.btn-sidelinks-active:active, a.btn-sidelinks-active:visited
{
	color:#0000AA;
}

a.btn-sidelinks:hover, a.btn-sidelinks-active:hover
{
	color:Red;
}

#button-login
{
    /*background-image:url(../images/HomePage/btnLogin.png);
    background-repeat:no-repeat;
    width:119px;
    height:118px;
    float:left;
    /*margin:36px 0px 5px 0px;
    padding:0px 0px 0px 0px;*/
	/*position:relative;
	top:0px;*/
}

#button-register
{
    /*background-image:url(../images/HomePage/btnRegister.png);
    background-repeat:no-repeat;
    width:119px;
    height:118px;
    float:right;
    margin:36px 0px 5px 0px;
    padding:0px 0px 0px 0px;
	position:relative;
	top:-10px;*/
}

#crf-button-tour
{
    background-image:url(../images/crf/btn-tour.gif);
    background-repeat:no-repeat;
    margin-right:5px;
    width:142px;
    height:43px;
    float:right;
}

#crf-footer
{
    background:#00A4E8 url(../images/crf/footer.gif) no-repeat;
    background-position:center;
    float:left;
    width:750px;
    height:30px;
    text-align:center;    
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:10px;
    color: White;
    /*clear:both;*/
}

#crf-footer p
{
    margin:7px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#crf-footer a
{
    color:White;
}

#crf-footer a:visited
{
    color:White;
}

#curve-left
{
    background:White url(../images/crf/footer-left.jpg) no-repeat left bottom;  
   /* background-color:#00A4E8;
    background-image:url(../images/crf/bottomcurveleft.gif);
    background-repeat:no-repeat;
    background-position:top;*/
    width:375px;
    height:15px;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#curve-right
{
    background:White url(../images/crf/footer-right.jpg) no-repeat right bottom;  
    /*background-color:#00A4E8;
    background-image:url(../images/crf/bottomcurveright.gif);
    background-repeat:no-repeat;
    background-position:top;*/
    width:375px;
    height:15px;
    float:right;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.crfLinks
{
    color: Blue;   
    float: right;
    font-size: 14px;
    font-weight: bold;
    width: 210px;
    height: 170px;
    margin-top: 18px;
    /*margin-right: 10px;*/
    padding-right: 25px;    
}

.crfLinks .lnkLaunch
{      
    display: block;
    height: 36px;
    width: 214px;
    background: #FFF url(../images/Tour/Launch_Crystal_Btn.jpg) no-repeat;  
    padding: 14px 0px 12px 0px;
    color: White;
    text-decoration: none;
    font-size: 20px;
    text-align:center;
}

.crfLinks .lnkSubscribe
{  
    display: block;
    height: 42px;
    width: 210px;
    background: #FFF url(../images/Tour/Subscribe_Btn.jpg) no-repeat;  
    padding-top: 18px;
    color: White;
    text-decoration: none;    
}

.crfLinks .lnkTrial
{
   display: block;
   height: 42px;
   width: 210px;
   background: #FFF url(../images/Tour/Trial_Btn.jpg) no-repeat;  
   padding-top: 18px;
   color: White;
   text-decoration: none;   
}

.infoLabel
{
	font-size: 12px;
    color:Red; 
	float:left; 
	display: block;
	width: 200px;
	text-align: left;
    float: left; 
    padding: 2px 0px 2px 10px;
    margin-top: 0px;   
}
