@charset "utf-8";

/* CSS Document  by Walt Mtyas walt@standardgaphics.net | copyright of Standard Marketing & Graphics, Vancouver 2007*/


BODY {font: 13px "Trebuchet MS", Helvetica, sans-serif; color:#777; margin:6px 0 0 0; background:url(../assets2/images/bg01.png) #ebebeb repeat-x; text-align:center; vertical-align:top; min-width: 792px}


/* ___________________ layout ________________________*/
.cntFx .secondBG {background:url(../assets2/images/graph.png) repeat-x 600px 300px}

.cntFx #main {width:792px; height:100%; margin:0; border-left: 5px solid #CCC; border-right: 5px solid #CCC; background-color:#FFF}
.cntFx #nav {width:250px; float:left; text-align: left; background: #FFF url(../assets2/images/01_menuLogoBG.jpg) no-repeat}
.cntFx #nav ul {margin: 155px 22px 40px 25px; list-style:none; padding:0}
/*.cntFx #nav li {border-bottom: 1px dashed #bee4f8}*/
.cntFx #nav li a:link, #nav li a:visited {display:block; padding: 5px 5px 5px 25px; font: bold 14px Tahoma, Geneva, sans-serif; text-decoration: none; color:#00A; border-bottom:1px solid #e1f2fb}
.cntFx #nav li a:hover {background-image:url(../assets2/images/bg_menu.png); padding: 5px 5px 5px 26px; color:#00A}
.cntFx #nav li a:active {background-color:#d0e5f5; padding: 5px 5px 5px 30px; color:white; background-color:#b2dff4; font-size:14px}

.marginL {margin-left:25px}

.marginL a:link, .marginL a:visited {color:#AAA; text-decoration:none}
.marginL a:hover {color:#9EB; text-decoration:none}

.cntFx #mainForContent {float:right; width:542px; text-align:left}

.cntFx #header { background-color: #FFF; text-align:left}
.cntFx #headerHome {margin:0; background:#FFF url(../assets/images/02_home.jpg) no-repeat; width:542px; vertical-align:bottom; padding:190px 0 5px 0} 
.cntFx #headerHome #buttonLink { margin:0 5px; padding:5px; background:#FFF url(../assets2/images/bg_link.png) center; text-align:center; border:1px solid #00A}
.cntFx #headerHome #buttonLink a:link, .cntFx #headerHome #buttonLink a:visited {color:#00A; text-decoration:none}
.cntFx #headerHome #buttonLink a:hover {color:#09f; text-decoration:none}

#sizeH1 {font-size:18px; font-weight:bold; color:#CC3399}
#sizeH1blue {font-size:18px; font-weight:bold; color:#4aa9dc}
.subtitle {color:#4aa9dc; font-size:14px}

.cntFx #content {padding: 10px 10px 10px 10px; margin:o}
.cntFx #content a:link, .cntFx #content a:visited {text-decoration: none; color:#CC3399}
.cntFx #content a:hover {color:#99CCFF}
.clearfloat {clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px}
.cntFx #footer {font: 11px Verdana, Arial, Helvetica, sans-serif; color:white; text-align:center; vertical-align:top; background:#840259
url(../assets2/images/03_footer.jpg) no-repeat; padding: 62px 10px 5px 10px}
.cntFx #footer a {color:#CCCCCC; text-decoration:none}

.cntFx .topLink {float:right }
.cntFx .topLink a:link, .topLink a:visited { background-color:#DEF; padding: 3px; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#00C; text-decoration:none}
.cntFx .topLink a:hover { background-color:#b9097f; padding: 3px; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none}

#floatRight {float:right}
#floatRight a:link, #floatRight a:visited {color:#05B; text-decoration:none; border-bottom:1px solid #05B}
#floatRight a:hover {color:#6abceb; border-bottom:none}

#photo {float:left; border:1px solid #000; margin-right:8px} 

#sideTable {margin:0 25px 10px 45px; border:none}
#sideTable td {padding:20px 0; background-color: #FFF; border-bottom:1px dashed #AAA}

#screenShot td a {color:#000}
/*____________________________ decoration___________________________*/

#important { padding:10px; color:#05B; background-color:#fefefe; border:1px solid #DDD}
#important h1 {color:#906}
.quotation { padding:10px; color:#05B; background-color:#fcfbf5; border:1px solid #DDD; font-style:italic; width:85%; margin-left:20px}
.quotation h1 {color:#906}


.cntFx .highlight {font-weight:bold; color:#4aa9dc}
.cntFx  td {background-color:#fcfbee; width:50%; text-align:left }
.cntFx  table .topCell {background-color:#99CCFF; color:white; font-size:16px; font-weight:bold; text-align:center; vertical-align:middle}
.cntFx table td.noBG { background-color:white; padding:3px}
.cntFx table td.noBG a.black:link, .cntFx table td.noBG a.black:visited, .cntFx table td.noBG a.black:hover {color:#000; text-decoration:none}
.cntFx table td.txtred {color:#d73115; padding-left:115px; background-color:white; }
h1 {color:#4aa9dc; font-size:18px; font-weight:bold; font-variant: all-caps}
h2 {color:#4aa9dc; font-size:14px; font-weight:bold; font-variant: all-caps}


.cntFx input, textarea { background-color:#f8fadf; padding: 1px 5px; border:1px solid #555; font: 11px Verdana, Arial, Helvetica, sans-serif}
.cntFx label {padding: 0 0 5px 0}
.cntFx .lineHr {border-bottom:1px solid #BBB; margin-bottom: 3px; margin-top: 5px; height:1px}

 #Questionnaire {font:14px "MS Sans Serif", Geneva, sans-serif; color:#333333; background-color:none}
 #Questionnaire table {border: 1px solid #DDD}
 #Questionnaire tr {color:#000099}
 #Questionnaire td {padding:10px; text-align:left; vertical-align:top}
 #Questionnaire  td.borderTopTd {border-top:1px solid #00A}
 #Questionnaire .titleTd { background-color:#DDD;}
#Questionnaire input {border:none; padding:5px 10px; font-size:13px}

#tableNormal table {border:none;  margin:10px 0}
#tableNormal td {width:auto; vertical-align:top; padding:10px; text-align:left}
#tableNormal .descript {text-align:left; font-style:italic; font:11px Verdana, Arial, Helvetica, sans-serif; color:#888}
#tableNormal .line {border-top:3px solid #999; height:1px; background-color:#FFF; padding:0; margin:0}
#tableNormal input {margin:0 10px 0 -2px}
#tableNormal .formItem { background-color:#f8fadf; padding: 1px 5px; border:1px solid #555; font: 11px Verdana, Arial, Helvetica, sans-serif}

/*________________ RESULT CLASS_______________*/

 #Results {font:14px "MS Sans Serif", Geneva, sans-serif; color:#333333; background-color:none}
 #Results table {border: 1px solid #DDD}
 #Results tr {color:#000099}
 #Results td {padding:10px; text-align:left; vertical-align:top}

 #Results .titleTd { background-color:#DDD;}
#Results input {border:none; padding:5px 10px; font-size:13px}
/*__________________________END OF RESULTS CLASS______________*/

.colorRed {color:#D00}
.colorMarine {color:#00A}

#Questionnaire1 {font:14px "MS Sans Serif", Geneva, sans-serif; color:#333333; background-color:none}
 #Questionnaire1 table {border: 1px solid #DDD}
 #Questionnaire1 tr {color:#000099}
 #Questionnaire1 td {padding:10px; vertical-align:top; width:auto}
 #Questionnaire1  td.borderTopTd {border-top:1px solid #00A; border-bottom:1px solid #00A}
 #Questionnaire1 .titleTd { background-color:#DDD;}
  #Questionnaire1 .nopadTd { padding:0px; vertical-align:top; width:auto;}

#Results1 {font:14px "MS Sans Serif", Geneva, sans-serif; color:#333333; background-color:none}
 #Results1 table {border: 0px solid #DDD}
 #Results1 tr {color:#000099}
 #Results1 td {padding:0px; text-align:right; width:auto; vertical-align:top}

 #Results1 .nopadTd { background-color:#DDD;}
#Results1 input {border:none; padding:5px 10px; font-size:13px}