body {font-size: 100%; background: url(../images/body_bg.gif) repeat-x; font-family: arial, helvetica, sans-serif; margin: 0; padding: 0}
h1 {color:#f7760e; margin: 0.025em 0px; padding: 0; font-size:1.75em; font-weight:normal; letter-spacing: -1px; line-height: 1.5em; }
h2 {color:#333; font-size:0.875em; font-weight:bold; line-height: 1.1; margin: .125em 0; padding:0 0 3px 0;}
h2.larger {color: #585858; font-size: 1.125em; font-weight: normal; margin-bottom: 1em}
h3 {font-size: 0.875em; font-weight:bold; margin: 0.5em 0 0 0}
h3 a {text-decoration: none}
h3 a:hover {text-decoration: underline}

#right_panel2 h3 {color:#333; font-size:0.875em; font-weight:bold; line-height: 1.1em; margin: 0 0 0 0; padding:0 0 3px 0;}
#right_panel2 p {}

p,li {font-size: 0.75em; margin: 0 0 1em 0}
li li {font-size: 1em}

form {margin: 0}

blockquote {margin: 0; padding: 0.5em; font-size: 1em; background: #f5f5f5; float: left; width: 100%; border: solid #eee 1px}
blockquote img {float: left; margin: 0 10px 5px 0; padding: 0}
blockquote p {margin: 0; padding: 0; font-family: georgia, serif; font-size: .95em; line-height: 1.3}
blockquote p.customer {font-size: 0.75em; line-height: 2; color: #585858; font-weight: bold; font-family: arial, helvetica, sans-serif}

a {color: #18599a}
a:hover, a:active, a:focus {color: #1859ff}

a.popup { position:relative; left:0px; font-weight:normal; text-decoration: underline;}
a.popup b {display:block; position:absolute; left:0; top:0; font-weight:normal; background: white;}
a.popup span {display:none; text-decoration: none; z-index: 99999; background: white; text-align: left;}
a.popup:hover {color:#000; cursor:default; text-decoration: none;}
a.popup:hover span {display:block; position:absolute; top:12px; right:-316px; border:1px solid #3fa8c5; font-size:12px; padding:0px; margin: 0px; width: 300px; text-decoration: none;}
a.popup:hover span.mid80 {top:-80px;}
a.popup:hover span.mid80left {top:-80px;left:-300px;}
a.popup:hover span.mid100 {top:-100px;}
a.popup:hover span.left {left:-300px; }
a.popup:hover span div.head {  display: block; font-weight:bold; background-color: #3fa8c5; margin: 0px; padding: 4px; font-size:14px; text-align: center; text-decoration: none;}
a.popup:hover span div.body {  display: block; font-weight:normal; font-size:12px; margin: 0px; padding: 8px; background: #f0f0f0; text-decoration: none;}


.mainimg {float:right; margin:-40px 30px 0px 20px}
.mainimgleft {float:left; margin:10px 20px 10px 0px}
.mainimgpig {float:right; margin:-10px 90px 0px 20px}
.mainimgbadge {float:right; margin:-40px 130px 0px 20px}

ul.bullet,ul.bullet2,ul.bulletleft,ul.bullet2left {margin: 0.5em 3em; padding: 0}
ul.bullet li,ul.bullet2 li {list-style-type: none; background: url(../images/bullet1.gif) no-repeat 0 1px; padding-left: 20px; margin-bottom: 0.5em}

ul.bulletleft,ul.bullet2left  { margin: .25em;  }
ul.bulletleft li,ul.bullet2left li {list-style-type: none; background: url(../images/bullet1.gif) no-repeat 0 .15em; padding-left: 1.5em; margin-bottom: 0.5em}
ul.bullet2 li,ul.bullet2left li {background: url(../images/icon_arrow_right.gif) no-repeat 0 -4px; }

ul.tick,ul.tickleft {margin: 0.5em 3em; list-style-type: none; padding: 0}
ul.tick li,ul.tickleft li {background: url(../images/tick.gif) no-repeat 0 1px; padding-left: 20px; margin-bottom: 0.5em}
ul.tickleft  {margin: .25em;}

p.bullet,p.bullet,p.tick {background: url(../images/bullet1.gif) no-repeat 0 1px; padding-left: 18px; margin-bottom: 0.5em; margin-left: 10px; margin-top: 0.5em}
p.bullet2 {background: url(../images/icon_arrow_right.gif) no-repeat 0 1px; }
p.tick {background: url(../images/tick.gif) no-repeat 0 1px; padding-left: 30px;}


ul.icons {margin: 0; padding: 0; float: left; width: 100%; margin: 0 0 2em 0}
ul.icons li {float: left; list-style-type: none; width: 85px; text-align: center; margin: 0 2.25em}
#icon1 {background: url(../images/student_forms.gif) no-repeat 50% 0; padding-top: 68px; float: left}
#icon2 {background: url(../images/student_jargon.gif) no-repeat 50% 0; padding-top: 68px; float: left}
#icon3 {background: url(../images/student_faq.gif) no-repeat 50% 0; padding-top: 68px; float: left}
#icon4 {background: url(../images/surgery_ask.gif) no-repeat 50% 0; padding-top: 68px; float: left}

a.button, a.button2 {width: 233px; height: 64px; display: block; background: url(../images/buttonbg.gif) no-repeat; text-decoration: none; color: #000; text-align: center; line-height: 64px; font-weight: bold; }
a.button:hover, a.button2:hover {color: #1859ff}
a.button2 {margin: 1em}

a.button_sm {width: 147px; height: 41px; display: block; background: url(../images/buttonbg_small.gif) no-repeat; text-decoration: none; color: #000; text-align: center; line-height: 36px; font-weight: bold; font-size: 0.75em }
a.button_sm:hover {color: #1859ff}

a.button3 {width: 136px; height: 34px; display: block; background: url(../images/btnOrangeButton.gif) no-repeat; text-decoration: none; color: #000; text-align: center; line-height: 32px; font-weight: bold; font-size: 0.75em }
a.button3:hover {color: #33a}

a.buttono1,a.buttono2,a.buttono3 {width: 166px; height: 86px; display: block; background: url(/assets/image/btnOrangeBlank.gif) no-repeat; text-decoration: none; color: white; text-align: center; line-height: 70px; font-weight: bold; padding-top: 6px; }
a.buttono2 {line-height: 18px; padding-top: 20px}
a.buttono3 {line-height: 23px}
a.buttono1:hover,a.buttono2:hover,a.buttono3:hover {color: #1859ff}


/* ****** */
input.text {background: #ffffa0; border: solid #cfcf88 1px; padding: 3px}
input.text_half {background: #ffffa0; border: solid #cfcf88 1px; padding: 3px}


.box, #right_panel2 .box1, #right_panel2 .box2, #right_panel2 .box3, #right_panel2 .box4, #right_panel2 .box5, #right_panel2 .box6, #layout_menuleft .box1, #layout_menuleft .box2, #layout_menuleft .box3, #layout_menuleft .box4, #layout_menuleft .box5, #layout_menuleft .box6 {border: solid #ddd 4px; margin-top: 1em; padding: 8px 3px; }



.box1 label {float: left; width: 7.25em; text-align: right; padding-right: 5px; padding-top: 9px; margin-bottom: 5px; clear: left; font-size: 0.9em;}
.box1 input.text,#right_panel2 .box1 select {width: 11em; margin-top: 5px; margin-right: .5em; font-size: 0.9em; float:right;}
.box1 input.submit {margin-top: 5px; margin-right: .5em; float:right; clear: both; font-size: .7em;}
.box3 input.text {width: 11em}
.box3 input.submit {margin-left: 0}
.box6 ul {margin: 6px 0px 0px 20px; list-style-image: url(../images/arrow_bullet.gif); }
.box6 li {margin-left: 0}

#right_panel2  p {margin: 1em 0 0 0 }
#right_panel2  p.small {font-size: 60%}
#right_panel2 h3 {font-weight: bold; border-bottom: solid #ddd 1px}

h2.h2button {font-size: 1em; margin: 0px; padding: 0px; margin-top: 1em;  }
h2.h2button a {color: #0c2e3d; text-decoration: none; font-weight: bold; display: block; border: solid #aac0cb 1px; margin: 0px; padding: 1.5em 1em 1.2em 80px; position: relative; }
h2.h2button a.piggy {background: #f1f5f7 url(/assets/image/piggy-icon.gif) no-repeat 5px 15px}
h2.h2button a.house {background: #f1f5f7 url(/assets/image/tax-house-icon.gif) no-repeat 5px 15px}
h2.h2button a.tree {background: #f1f5f7 url(/assets/image/student-tree-icon.gif) no-repeat 5px 15px}
h2.h2button a.landlord {background: #f1f5f7 url(/assets/image/tax-house-icon.gif) no-repeat 5px 15px}
h2.h2button a.cis {background: #f1f5f7 url(/assets/image/icon_cis.gif) no-repeat 5px 8px}
h2.h2button a.self {background: #f1f5f7 url(/assets/image/icon_self.gif) no-repeat 5px 8px}
h2.h2button a span {color: #3b85a5; font-size: 0.8em}
h2.h2button a:hover {background-color: #fff}

 
h2.h2button .tl {position: absolute; top: -1px; left: -1px}
h2.h2button .tr {position: absolute; top: -1px; right: -1px}

#dualpanel {clear: both; width: 100%; padding: 4px;}
#dualpanel .panel1, #dualpanel .panel2  {float: left; width: 23.1em; padding: 0em 1.5em;}

#tripanel, #tripanel_c {clear: both; width: 100%; padding: 4px;}
#tripanel .panel1, #tripanel .panel2, #tripanel .panel3 {float: left; width: 15.4em; padding: 1em 1.5em;}
#tripanel_c .panel1, #tripanel_c .panel2, #tripanel_c .panel3  {float: left; width: 15.4em; padding: 1em 1.5em;}
#tripanel_c .npanel1, #tripanel_c .npanel2, #tripanel_c .npanel3  {float: left; width: 15.4em; padding: 1em 1.5em;}

#tripanel_c  { text-align:center; padding: 1em 0;  }
#tripanel_c .panel1, #tripanel_c .panel2, #tripanel_c .panel3 {text-align:center; width: 10em; padding: 0px 1em; }
#tripanel_c .npanel1, #tripanel_c .npanel2, #tripanel_c .npanel3 {text-align:center; width: 10em; padding: 0px 1.5em; background: url(/assets/image/number_back_blue.gif) 1em 0em no-repeat;  }
#tripanel_c .npanel1 {background-image: url(/assets/image/number1_blue.gif);}
#tripanel_c .npanel2 {background-image: url(/assets/image/number2_blue.gif);}
#tripanel_c .npanel3 {background-image: url(/assets/image/number3_blue.gif);}

#tourmainpanel #tripanel_c .panel1, #layout_menuleftpanel #tripanel_c .panel1  {margin-left: 50px;}
#tourmainpanel #tripanel_c .npanel1, #layout_menuleftpanel #tripanel_c .npanel1  {margin-left: 3em;}


div.adornment {float: left; }
div.adornment label {float: left; width: 8em; text-align: right; padding-right: .5em; padding-top: 9px; margin-bottom: 5px; clear: left;}
div.adornment input.text, #adornment  select {width: 10em; margin-top: 5px; margin-right: .5em; font-size: .95em; float:right;}
div.adornment input.submit {margin-top: 5px; margin-right: .5em; float:right; clear: both; font-size: .75em;}
div.adornment p {margin:0pt;padding:0.5em 0pt; font-size:0.75em;}

#tax_calculator { float:left; width: 15em; padding: 1em; border: solid #ddd 1px; margin: 1em 1em 0.5em 0px; }
#tell_friend { float:left; width: 15em; padding: 1em; border: solid #ddd 1px; margin: 1em 1em 0.5em 0px; }

#quadpanel {clear: both; width: 100%; padding: 4px;}
#quadpanel .panel {float: left; width: 22%; padding: 8px; text-align: center;}


#diypanel {float:left; width:14em; margin:1em 2em 0 0; border:1px solid #ccc; padding:0.8em; }
#diypanel h3 {border-bottom:1px solid #eee; line-height:15pt; color:#F87308;margin:0pt;padding:0pt; font-size:1.2em;}
#diypanel h3 a{text-decoration:none;}
#diypanel h3 a:hover{text-decoration:underline;}
#diypanel label {color:#797979;display:block;padding-bottom:5px; font-size: 0.9em;}
#diypanel p {margin:0pt;padding:0.5em 0pt; font-size:11px;}
#diypanel input.text {background-color:#ffffa0; font-size: 1em; width: 90%;}
#diypanel input.text_err {background-color:#ffa0a0; font-size: 1em; width: 90%;}

#signinforms { clear: both; font-size: 1em; }
#signinforms label {float: left;clear: both; color:#797979;display:block;padding:.2em 0px; font-size: 1em; line-height: 1em; width: 10em;}
#signinforms label.wide {float: left;clear: both; color:#797979;display:block;padding:.2em 0px; font-size: 1em; line-height: 1em; width: 20em;}
#signinforms p {margin:0pt;padding:0.2em 0pt; font-size:11px;}
#signinforms input.text {background-color:#ffffa0; font-size: 1em; padding: 3px; width: 25em; margin: 2px;}
#signinforms textarea {background-color:#ffffa0; font-size: 1em; padding: 3px; width: 90%; margin: 2px;}
#signinforms input.text_half {background-color:#ffffa0; font-size: 1em; padding: 3px; width: 10em; margin: 2px;}
#signinforms input.text_err {background-color:#ffa0a0; font-size: 1em; padding: 3px; width: 90%; margin: 2px;}
#signinforms input.disabled {background-color:#d0d0d0; border: solid #a0a0a0 1px; padding: 3px; font-size: 1em; width: 25em; margin: 2px;}
#signinforms input.disabled_half {background-color:#d0d0d0; border: solid #a0a0a0 1px; padding: 3px; font-size: 1em; width: 10em; margin: 2px;}
#signinforms SELECT {background-color:#ffffa0; border: solid #a0a0a0 1px; padding: 3px; font-size: 1em;  margin: 2px;}
#signinforms div.job_address,#signinforms div.box_job,#signinforms div.box_log,#signinforms div.box_tax_pack  { clear: both; width: 25em; padding: 0.3em; margin: 0.5em auto;  border: solid 1px silver; text-align:left;}
#signinforms div.job_address div.head,#signinforms div.box_job div.head,#signinforms div.box_log div.head { padding: 0.3em; background-color: #a5dcea; }
#signinforms div.box_tax_pack div.head { padding: 0.3em;  background-color: #d7b039; }
#signinforms div.job_address a,#signinforms div.box_job a { font-size: 0.75em; }
#signinforms div.box_job  { padding: 0.3em; margin: 0.5em  0px; float: none;}
#signinforms div.box_log  { padding: 0.3em; margin: 0.5em  0px; float: none;}
#signinforms div.box_tax_pack  { font-size: 1.1em }
#signinforms div.box_tax_pack p  { font-size: 1.1em }
#signinforms div.box_log table  { font-size: 0.87em }
#signinforms dl { width: 21em; padding: 0em 0.12em; margin: 0px; clear: both; }
#signinforms dt { font-size: .75em; width: 30%; float: left; margin: 0.25em; clear: both; }
#signinforms dd { font-size: .75em; width: 65%; float: right; margin: 0.25em; clear: right; }
TABLE.job_list { font-size: 73%; }
TABLE.job_list INPUT, TABLE.job_list SELECT { font-size: .85em; }



#bottomboxes {clear: both; width: 100%; border-top: solid #ccc 2px; margin: 20px 0; padding: 20px 0}
#bottomboxes .box1 {float: left; width: 38%}
#bottomboxes .box2 {float: left; width: 38%}
#bottomboxes .box3 {float: left; width: 24%}

#bottomboxes .box1 label {float: left; width: 8em; text-align: right; padding-right: 5px; padding-top: 2px; margin-bottom: 5px; clear: left}
#bottomboxes .box2 label {width: 7em; padding-top: 2px}
#bottomboxes input {vertical-align: middle; margin-bottom: 5px}
#bottomboxes input.text {background: #ffffa0; border: solid #cfcf88 1px; width: 12em}
#bottomboxes .box2 input.text {width: 13.5em}
#bottomboxes .box1 input.submit {margin-left: 7.4375em; margin-top: 5px}
#bottomboxes .box2 input.submit {margin-left: 0}
#bottomboxes .box3 ul.bullet {margin: 1em 0 0 0; padding: 0}

a.facebook {background: url(/assets/image/facebook24.gif) no-repeat; padding-left: 32px; padding-top: 3px; height: 34px; display: block; text-decoration: none}
a.facebook:hover {text-decoration: underline}

dl { text-indent: 0px; text-indent: 0em; }
dt { margin: 1em 0px; color: #585858; font-size: 1.125em; font-weight: normal; }
dd { font-size: 0.75em; }

#tourmenu {float:left; width:11em; border: solid 1px #ddd;}
#tourmenu ul { list-style: none; padding: 0px; margin: 8px; }
#tourmenu li { padding:2px 0 0 6px; height:20px; width:135px; margin: 0px; }
#tourmenu li a:hover {text-decoration:underline;}
#tourmenu li a {color: #7AB; text-decoration:none; height:20px; width:135px;}
#tourmenu li.active {color:#FFFFFF; font-weight:bold; background:url(../images/tourmenu_bg.gif); background-repeat:no-repeat;}
#tourmainpanel {float:right; border:1px solid #ddd; width:43em; padding:8px;}



#layout_menuleft {float:left; width:11em; }
#layout_menuleft ul { list-style: none; padding: 0px; margin: 8px; }
#layout_menuleft li { padding:2px 0 0 6px; height:20px; width:135px; margin: 0px; }
#layout_menuleft li a:hover {text-decoration:underline;}
#layout_menuleft li a {color: #7AB; text-decoration:none; height:20px; width:135px;}
#layout_menuleft li.active {color:white; font-weight:bold; background:url(../images/tourmenu_bg.gif); background-repeat:no-repeat;}
#layout_menuleftpanel {float:right; width:44em; padding: 0px 8px;}



#top_panel  { }
#top_panel h2.tour_nav {float:right; margin: 1.3125em 0px;}
#top_panel h2.tour_nav a{ }
#top_panel h1 {float:left;}


#ResultMessage  { color: Blue; font-weight: bold; padding: 4px; border: solid 2px silver; font-size: 0.75em; text-align: center; }
#ResultMessage.failed  { color: Red; }

.offset1 { padding-left:2em; font-size: 0.76em}

div.fee-info  { clear: both; }
div.fee-info img { clear: both; float: left; margin: 15px 15px 0px 0px}
div.fee-info div.panel2 { display: block;  float: left; margin-left: 0px; width: 80%; margin-bottom: 16px; }
div.fee-info div.panel2 h2 { border-bottom: #ccc 1px solid;}
div.fee-info div.panel2 ul { margin: 0px;}

.feetable { background: #EDF7FF; margin: 1em; }
.feetable th { border-bottom: solid 1px #cDd7dF; padding: 10px; text-align: center; }
.feetable td { padding: 10px; text-align: center; }
.feetable td.middle, .feetable th.middle { border-left: solid 1px #cDd7dF; border-right: solid 1px #cDd7dF; }
.feetable b { color: #007c00;  }
.feetable i { color: #a50000; font-weight: bold; font-style:normal; }

table.taxdoc { font-size: .85em; margin: 1em; }
table.taxdoc td { padding: 0.25em; }

ol.terms  { list-style-type: decimal; }
ol.terms ol { list-style-type:lower-alpha; }
ol.terms ol li { margin:.5em 0 0 0; }