/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

html { height:100%; }

body {

background-image:url(http://cdn.switchdb.com/images/template/page_bg.gif);
height:100%;
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 12px;
color : #3D4464;
}

img 
{
	border:0px;
    behavior:	url("/includes/css/pngbehavior.css"); 
}
/* ------------- LAYOUT ------------- */


#frame {
width:1128px;
margin-right:auto;
margin-left:auto;
background-image:url(http://cdn.switchdb.com/images/template/frame_bg.jpg);
background-repeat:repeat-y;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

#centercontainer {
padding:0px;
margin-right:89px;
margin-left:89px;
text-align:left;
}


/* ------------- HEADER ------------- */

#header {
background:url(http://cdn.switchdb.com/images/template/header.jpg) no-repeat;
height:111px;
width:950px;
text-indent:-9999px;
}

#header a {
height: 39px;
width: 205px;
left: 66px;
top:43px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#headerhome
{
    background:transparent url(http://cdn.switchdb.com/images/header-home.jpg) no-repeat scroll 0 0;
    height:111px;
    text-indent:-9999px;
    width:950px;
}

#headerleft {
background:transparent url(http://cdn.switchdb.com/images/template/headerleft.jpg) no-repeat scroll 0 0;
float:left;
height:111px;
width:275px;
}
#headerleft a {
display:block;
height:53px;
left:30px;
overflow:hidden;
position:relative;
text-indent:-9999px;
top:35px;
width:245px;
}
#headerright {
background:transparent url(http://cdn.switchdb.com/images/template/headerright.jpg) no-repeat scroll 0 0;
float:left;
height:111px;
width:675px;
}
#headerright a {
display:block;
height:53px;
left:253px;
overflow:hidden;
position:relative;
text-indent:-9999px;
top:35px;
width:385px;
}
	
/* -------------  NAVIGATION ------------- */

#navbar {
background:url(http://cdn.switchdb.com/images/template/nav_bg.gif) no-repeat;
height:26px;
width:950px;
}

#navlinks {
height:22px;
width:646px;
float: left;
padding:2px 0 0 4px;
display:inline;
}

#navlinks ul {
list-style-type:none;
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 12px;
color: #2e3192;
font-weight:bold;
}

#navlinks ul li {
display:inline;
}

#navlinks ul li a {
color: #2e3192;
text-decoration: none;
border-right: 1px solid #dae6f6;
float: left;
padding: 3px 10px 3px 10px;
}

#navlinks ul li a:hover {
color: #ffffff;
background-color:#7c9fce;
}

#username {
height:21px;
width:286px;
float: left;
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 12px;
color: #2e3192;
font-style:italic;
text-align:right;
padding:5px 14px 0 0;
display:inline;
}


/* ------------- CONTENT AREA ------------- */
	
#content {
line-height: 165%;
padding:18px 22px;
}

#content p {
margin:0 0 18px 0;
}

#content a {
color : #F37638;
text-decoration:underline;
}

#content a:hover {
color : #F37638;
text-decoration:underline;
background-color:#FFDEB1;
}

#content h1 {
font-size:24px;
margin:0 0 12px 0;
}

#content h2 {
font-size:18px;
margin:0 0 9px 0;
}

hr {
border:none 0;
border-top:1px solid #B5CDED;
height:1px;
margin:12px 0 12px 0;
}

/* ------------- WELCOME USER STYLES ------------- */

#welcomeleft {
width:550px;
float:left;
margin:0 40px 0 0;
display:inline;
}

#welcomeright {
width:316px;
float:left;
font-size:11px;
}

#welcomeleftcontainer {
width:548px;
border:solid 1px #b5cded;
margin:0 0 10px 0;
}

#welcomeleftcontainer h1 {
width:520px;
color:#2e3192;
font-size:18px;
background:#cddff6;
border-bottom:solid 1px #b5cded;
padding:10px 14px 10px 14px;
text-transform:uppercase;
}

#welcomeleftcontainer p {
margin:10px 14px 18px 14px;
}

#welcomerightcontainer {
width:314px;
border:solid 1px #b5cded;
margin:0 0 18px 0;
}

#welcomerightcontainer h1 {
width:286px;
color:#2e3192;
font-size:18px;
background:#cddff6;
border-bottom:solid 1px #b5cded;
padding:10px 14px 10px 14px;
text-transform:uppercase;
}

#welcomerightcontainer h2 {
width:286px;
color:#618bc3;
font-size:16px;
padding:0 14px 0 14px;
font-weight:normal;
margin:0 0 4px 0;
}

#welcomerightcontainer p {
margin:0 14px 14px 14px;
}
/* ------------- HOME PAGE STYLES ------------- */

#content ul {
list-style-type:disc;
margin: 15px 0 15px 25px;
}

#content li {
margin: 10px 0 10px 0;
}

#content h3.listheader {
font-size:14px;
margin:0;
}

#homeright {
width:245px;
float:right;
margin:0 0 0 40px;
display:inline;
}

#homeright p {
margin:0 0 10px 0;
}

#homerightcontainer {
width:215px;
background:#ebf2fc;
padding:15px;
}



/* ------------- SEARCH RESULT STYLES ------------- */


.bluetext {
color:#7c9fce;
}

#content h3 {
font-size:14px;
}

#buttontextline {
height:25px;
margin:5px 0 0 0;
}

#buttontextline img{
position: relative;
top: 4px;
}

#buttontextline a:hover {
background-color:#ffffff;
}

#searchresultsleft {
width:710px;
float:left;
margin:15px 0 0 0;
display:inline;
}

#searchresultsright {
width:196px;
float:left;
margin:15px 0 0 0;
}

table {
border-top:1px solid #b5cded;
border-right:1px solid #b5cded;
border-bottom:1px solid #b5cded;
border-collapse:collapse;
font-size:11px;
color:#43489f;
}
	
td {
border-left:1px solid #b5cded;
padding:1px 4px;
text-align:left;
}	

th {
font-weight:bold;
color:#43489f;
background:#cddff6;
font-size:11px;
border-bottom: 1px solid #b5cded;
border-left:1px solid #b5cded;
padding:1px 2px;
}

.rowalt {
background:#ebf2fc;
}

#searchresultsleft a {
color: #4676b6;
}

#searchresultsleft a:hover {
color: #43489f;
background:none;
}

#viewaltlink a {
color : #F37638;
text-decoration:none;
}

#viewaltlink a:hover {
color : #F37638;
text-decoration:underline;
}

.genesymbol a {
color : #F37638 !important;
text-decoration:underline;
}

#genesymbol a {
color : #F37638;
text-decoration:underline;
}

#genesymbol a:hover {
color : #F37638;
text-decoration:underline;
background-color:#FFDEB1;
}

th.righttable {
color:#4676b6;
font-size:11px;
padding:1px 4px;
}

td.righttable {
border-left:1px solid #b5cded;
padding:10px 8px;
color : #3D4464;
font-size:12px;
}

.eleventpoint {
font-size:11px;
}

#searchdetails {
font-size:11px;
}



/* ------------- SEARCH RESULT VIEW ALTERNATE STYLES ------------- */
.altProducts
{
	border-bottom:1px solid #B5CDED;
    border-collapse:collapse;
    border-top:1px solid #B5CDED;
    width:675px;
}

.viewalt {
background:#cddff6;
}

.viewalttop {
background:#cddff6;
border-top: 3px solid #b5cded;
}

.viewaltbtm {
background:#cddff6;
border-bottom: 3px solid #b5cded;
}

.viewaltbtm a, #viewalttop a, #viewalt a {
color : #3D4464;
}

.viewaltbtm a:hover, #viewalttop a:hover, #viewalt a:hover {
color : #43489f;
text-decoration:underline;
}

/* ------------- ACCOUNT STYLES ------------- */

#profileform {
width: 430px;
background:#ebf2fc;
padding:15px;
}

.profilecol1 {
text-align: left;
width: 145px;
height: 31px;
float: left;
}

.profilecol2 {
width: 180px;
height: 31px;
display: block;
float: left;
}

.submit {
clear: both;
}

/* ------------- ADMIN AND OTHER FORM STYLES ------------- */

#adminform {
width: 430px;
background:#ebf2fc;
padding:15px;
}

#adminform3col {
width: 420px;
background:#ebf2fc;
height: 26px;
padding:15px;
margin:0 0 18px 0;
}

.admincol1 {
text-align: left;
width: 145px;
height: 31px;
float: left;
}

.admincol1short {
text-align: left;
width: 75px;
height: 26px;
float: left;
}

.admincol2 {
width: 280px;
height: 31px;
display: block;
float: left;
}

.admincol2short {
width: 220px;
height: 26px;
display: block;
float: left;
}

.admincol2comment {
width: 280px;	
height: 98px;
display: block;
float: left;
}

.adminsubmit {
clear:both;
width: 295px;
padding:5px 0 0 145px;
text-align:left;
}

.admincol3 {
width: 120px;
height: 26px;
display: block;
float: left;
}

.admincolfull {
clear:both;
width: 430px;
padding:0 0 10px 0;
}

/* ------------- PATHWAY SET STYLES ------------- */

.twelvepoint {
font-size:12px;
}

th.sets {
font-weight:bold;
color:#43489f;
background:#cddff6;
font-size:11px;
border-bottom: 1px solid #b5cded;
border-left:1px solid #b5cded;
padding:1px 4px;
}

/* ------------- ALERT STYLES ------------- */

#alert {
text-align:left;
background:#b5cded;
padding:20px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

#alert hr {
border:none 0;
border-top:1px solid #ffffff;
height:1px;
margin:12px 0 12px 0;
}

#alert a {
color: #4676b6;
}

#alert a:hover {
color: #43489f;
background:none;
}

#alert p {
margin:0 0 18px 0;
}
/* ------------- CONTROLS STYLES ------------- */

#controls {
margin:30px 0 30px 0;
}

#controls a {
color: #4676b6;
}

#controls a:hover {
color: #43489f;
background:none;
}


tr.controls {
background:#ebf2fc;
border-bottom: 1px solid #b5cded;
border-top:1px solid #b5cded;
padding:1px 4px;
}



#controltray {
font-weight:bold;
color:#43489f;
background:#cddff6;
font-size:10px;
border-bottom: 1px solid #b5cded;
border-left:1px solid #b5cded;
padding:1px 2px;
}

#controltray td {
border-left:1px solid #b5cded;
text-align:center;
}

#controltray td a {
color:#43489f;
}

#controltray td a:hover {
color:#3D4464;
}

td.total {
border-left:1px solid #b5cded;
border-top:1px solid #b5cded;
padding:1px 4px;
text-align:left;
}

.smalltext {font-size:10px;}

#narrowtext {width:700px;}

.popUpTitle
{
	font-size:22px;
}
#tips
{
	display:none;
}

div.jqmDialog {
display: none;   
position: fixed;
top: 17%;
left: 50%;
margin-left: -200px;
width: 400px;
overflow: hidden;
font-family:verdana,tahoma,helvetica;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* [[[ Title / Top Classes ]]] */
div.jqmdTC { 
  background: #d5ff84 url(/includes/js/jquery/sprite.gif) repeat-x 0px -82px; 
  color: #528c00;
  padding: 7px 22px 5px 5px;
  font-family:"sans serif",verdana,tahoma,helvetica;
  font-weight: bold;
  * zoom: 1;
}
div.jqmdTL { background:  url(/includes/js/jquery/sprite.gif) no-repeat 0px -41px; padding-left: 3px;}
div.jqmdTR { background: url(/includes/js/jquery/sprite.gif) no-repeat right 0px; padding-right: 3px; * zoom: 1;}


/* [[[ Body / Message Classes ]]] */
div.jqmdBC {
  background: url(/includes/js/jquery/bc.gif) repeat-x center bottom;
  padding: 7px 7px 7px;
  height: 180px;
  overflow: auto;
}
div.jqmdBL { background: url(/includes/js/jquery/bl.gif) no-repeat left bottom; padding-left: 7px; }
div.jqmdBR { background: url(/includes/js/jquery/br.gif) no-repeat right bottom; padding-right: 7px; * zoom: 1 }

div.jqmdMSG { color: #317895; }


/* [[[ Button classes ]]] */
input.jqmdX {
  position: absolute;
  right: 7px;
  top: 4px;
  padding: 0 0 0 19px;
  height: 19px;
  width: 0px;
  background: url(/includes/js/jquery/close.gif) no-repeat top left;
  overflow: hidden;
}
input.jqmdXFocus {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
  margin: 8px 10px 4px 10px;
  color: #777;
  background-color: #fff;
  cursor: pointer;
}

div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#alertBlock,#confirmBlock
{
	display:none;
}
#alertTitle,#confirmTitle
{
	padding:0px;
}
#alertBody,#confirmBody
{
	margin:6px;
}
#alertButtonCont,#confirmButtonCont
{
	margin-bottom:6px;
}
#arrowlist ul {
list-style-type:none;
}

#arrowlist li {
list-style-type:none;
padding: 0 0 0 20px;
background-image: url(http://cdn.switchdb.com/images/arrow.gif);
background-repeat:no-repeat;
background-position:0 4px;
}

/* ------------- HEADER ------------- */

#headercont {
height:111px;
width:950px;
background:url(http://cdn.switchdb.com/images/template/headerbg.jpg) no-repeat;
}

#header-left {
height:111px;
width:271px;
float:left;
}

#header-left a {
height: 40px;
width: 234px;
left: 37px;
top:40px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#header-right {
height:111px;
width:679px;
float:left;
}

#header-right a {
height: 40px;
width: 269px;
left: 378px;
top:40px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}


/* -------------  STEPS ------------- */

#step1 {
background:url(http://cdn.switchdb.com/images/template/step1.gif) no-repeat;
height:40px;
width:950px;
text-indent: -9999px;
}

#step2 {
background:url(http://cdn.switchdb.com/images/template/step2.gif) no-repeat;
height:40px;
width:950px;
text-indent: -9999px;
}

#step3 {
background:url(http://cdn.switchdb.com/images/template/step3.gif) no-repeat;
height:40px;
width:950px;
text-indent: -9999px;
}

#step4 {
background:url(http://cdn.switchdb.com/images/template/step4.gif) no-repeat;
height:40px;
width:950px;
text-indent: -9999px;
}



/* ------------- START SEARCH STYLES ------------- */

#content-left {
width:600px;
float:left;
margin:0 40px 0 0;
display:inline;
}

#content-right {
width:167px;
float:left;
font-size:11px;
margin:0 0 0 99px;
display:inline;
}

#content-leftcontainer {
width:598px;
border:solid 1px #b5cded;
margin:0 0 10px 0;
}

#content-leftcontainer h1 {
width:570px;
color:#2e3192;
font-size:16px;
background:#cddff6;
border-bottom:solid 1px #b5cded;
padding:8px 4px 8px 24px;
margin:0;
background-image: url(http://cdn.switchdb.com/images/template/arrow.gif);
background-repeat:no-repeat;
background-position:10px;
}

#content-leftcontainer h1 a, content-leftcontainer h1 a:hover {
color:#2e3192;
display:block;
text-decoration:none;
background:#cddff6;
}

#content-leftcontainer p {
margin:10px 14px 18px 14px;
}

#content-rightcontainer {
width:165px;
border:solid 1px #b5cded;
margin:0 0 18px 0;
}

#content-right h1 {
font-family: "Myriad Pro", "Myriad", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
color:#7c9fce;
font-size:16px;
padding:8px 10px 2px 10px;
font-weight:bold;
margin:0;
}


#content-right p {
margin:0 0 2px 0;
}

#content-rightcontainer p {
margin:10px 14px 14px 14px;

}




/* ------------- SEARCH RESULT STYLES ------------- */



#text-heading p {
margin:0 0 4px 0;
}

#text-heading {
width:727px;
}

#text-headingnarrow {
width:522px;
margin:15px 0 0 0;
}

#text-heading h3 {
font-size:14px;
font-weight:normal;
}

#text-heading h4 {
font-size:18px;
margin:16px 0 9px 0;
}

#bluelink a {
color:#7c9fce;
}

#bluelink a:hover {
color:#3D4464;
background:none;
}

#contentwide-left {
width:762px;
float:left;
margin:15px 0 0 0;
display:inline;
}

#contentwide-right {
width:144px;
float:left;
margin:15px 0 0 0;
display:inline;
}

#contentwide-rightmarg {
width:144px;
float:left;
margin:43px 0 0 0;
display:inline;
}

#contentwide-left th a {
color:#43489f;
}

#contentwide-left th a:hover {
color:#3D4464;
}

#contentwide-left a, #contentwide-right a, #contentwide-rightmarg a {
color: #4676b6;
}

#contentwide-left a:hover, #contentwide-right a:hover, #contentwide-rightmarg a:hover {
color: #43489f;
background:none;
}

#text-headingnarrow a {
color: #F37638;
text-decoration:underline;
}

#text-headingnarrow a:hover {
color: #F37638;
text-decoration:underline;
background-color:#FFDEB1;
}

.alignright {float: right;}