/*
Cellulist colors:

metal tan color #d1cab6   rgb : 209, 202, 182

light green #c2e099   rgb : 192, 224, 153

light blue #c3ecfa   rgb 195, 236, 250

blue #008dae   rgb 0, 141, 174

red links : #D70101

*/

a:link, a:active, a:visited {color: #D70101}
a:hover {color: #31559E}
p, ul, ol, li, td {font-size: 11px}
p {line-height: 1.5em}

.superscript {
vertical-align: sup;
}

#main h1 {font-size: 24px; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; margin: 10px 0 10px 0}

#main h2 {font-size: 18px; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; margin: 10px 0 10px 0}

#details h2 {font-size: 24px; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; color: #FFFFFF; margin: 10px 0 10px 0}

.sidebar { margin-top : 10px;}
.sidebar h2 {font-size: 20px; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; margin: 10px 0 10px 0}
.sidebar_plain p, .sidebar ul, .sidebar ol, .sidebar li {font-size: 10px}
.sidebar ul {list-style-type: none; margin: 0; padding: 0}

.sidebar_plain {background-color: #FFFFFF; padding: 0 20px}
.sidebar_plain h2 {font-size: 20px; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; margin: 10px 0 10px 0}
.sidebar_plain p, .sidebar ul, .sidebar ol, .sidebar li {font-size: 10px}
.sidebar_plain ul {list-style-type: none; margin: 0; padding: 0}



.how_desc {text-align: center; font-size: 14px; padding: 5px 0; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; font-weight: bold; vertical-align: top; color: #008DAE}

.note {font-size: 10px; color: #999999}

#footer {padding: 0 0 0 20px}
#footer p {font-size: 10px; color: #BCB6A7}
#footer p a {color: #A09D98}
#footer p.powered {color: #000000; margin-top: 20px}
#footer p.powered span {color: #F68828}
#footer p.powered img {vertical-align: middle}


/* Added By Omar */
#main ul {list-style-type: none; margin: 0; padding: 0}
#main ul li span {font-weight: bold; }
#main ol li span br {clear: right; margin: 5px;}
#main ol li {margin-bottom: 5px;}



table.prices
{ 
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa;
border: 1px #D1CAB6 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
padding: 1px;
}


table.prices td.pricesHd
{ border-bottom: 2px solid #D1CAB6;

background-color: #D1CAB6;
text-align: center;
font-weight: bold;
font-size: 11px;
color: #404040;}


table.prices td.pricesHd2
{ 
border-bottom: 1px dotted #FFFFFF;
background-color: #DEDACB;
text-align: center;
font-weight: bold;
font-size: 11px;
color: #404040
}

table.prices td span {
font-weight: bold;
}

table.prices td
{ border-bottom: 1px dotted #D1CAB6;
border-left: 1px dotted #D1CAB6;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: white;
text-align: left;
padding-left: 3px;
vertical-align: top;
padding: 4px;
} 

.pricesBodL { border-left: 1px dotted #D1CAB6; }

.learnmore a {
font-size: 14px; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; margin: 2px;
padding: 3px;
color: #000;
}
/*
.learnmore a:hover {
font-size: 14px; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; margin: 2px;
padding: 3px;
background-color: #D1CAB6;
color: #000;
}
*/
/* Survey Styles */

.grayboxheader {
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #7E7D7E;
  text-align: center;
}

.whitebox {
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  /*background-color: #FFFFFF;*/
}

.indented_cell {
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
  margin-left: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.example {font-size:smaller; font-style:italic; font-weight:normal;}
.message {color:blue; font-weight:bold; text-align:center}
//.error {color:red; font-weight:bold; text-align:center}


.grayboxfont {
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #424142;
}

.question {
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #262C4C;
 margin-left: 15px;
  margin-top: 5px;
  margin-bottom: 5px;

}

.percentage {
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
}

.error {
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-size: x-small;
  font-weight: bold;
  text-align: center;
  color: #CB0404;
}

iframe {
  display: inline;
  border: 0px solid #D1CAB6;
  margin: 0;
}

#survey {
background: #fff;
}