/* ------------------------------------------
project:	Thesis Online
author:		http://www.merix.com.pl
date:		2006/06/19
------------------------------------------ */

html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; background: #fff url(../img/to_bg.gif) repeat-x; color: #666; }
body, input, textarea, select, option { font: 13px/16px Arial,Helvetica,sans-serif; }

/* ELEMENTS
-------------------------------------*/
form { display: inline; }
img { border: 0px; }
hr { border: none; color: #f3f3f3; background: #f3f3f3; height: 1px; margin: 6px 0 10px !important; margin: -3px 0 4px; }

p { margin: 0 0 15px; padding: 0; }
p a:hover { text-decoration: underline; }

.u { text-decoration: underline; }
.attention { color: #d12828; font-weight: bold; }
.nm { margin: 0; }

/* CONSTANTS
-------------------------------------*/
.fl { float: left; } .fr { float: right; }
.clear { clear: both; margin: -1px 0 0 !important; height: 1px; margin: 0; }

/* ANCHORS
-------------------------------------*/
a {	color: #335c86; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }

/* HEADERS
-------------------------------------*/
h1 { margin: 0 0 10px; padding: 0; font: bold 22px Arial,Helvetica,sans-serif; color: #369; }
h2 { margin: 0 0 10px; padding: 0; font: bold 18px Arial,Helvetica,sans-serif; color: #369; }
h3 { margin: 0 0 10px; padding: 0; font: bold 16px Arial,Helvetica,sans-serif; color: #369; }
#create h2, #create h3 { color: #b3dd61; }
#calculate h2, #calculate h3 { color: #f16bba; }
#confirm h2, #confirm h3 { color: #898ec0; }

/* LAYOUT
-------------------------------------*/
#root { width: 750px; }
 #top { position: relative; height: 187px; background: #369 url(../img/to_bg_top.png) 100% 0 no-repeat; padding: 0 10px 0 0; }
  #skip-links { list-style: none; position: absolute; top: 0; right: 23px; margin: 0; padding: 0; }
   #skip-links li a { position: absolute; top: -10001px; right: 1px; padding: 1px 5px 1px 8px; color: #fff; white-space: nowrap; }
   #skip-links li a:focus, #skip-links li a:active { top: 2px; }
  #logo { position: absolute; bottom: 22px; right: 28px; width: 178px; height: 73px; background: url(../img/to_logo.png) no-repeat; }
   #logo a { display: block; overflow: hidden; width: 178px; height: 73px; text-indent: -10001px; }
  #slogan { position: absolute; bottom: 22px; left: 17px; width: 471px; height: 55px; background: url(../img/to_slogan.png) no-repeat; text-indent: -10000px; }
  #nav { list-style: none; position: absolute; top: 35px; right: 30px; width: 318px; height: 19px; margin: 0; padding: 0; background: url(../img/to_nav.png) no-repeat; }
   #nav li { float: left; display: inline; margin-right: 10px; overflow: hidden; }
   #nav li.x1 { margin-left: 1px; }
   #nav li.x4 { margin-right: 0; }
    #nav li a { float: left; display: block; height: 18px; text-indent: -10001px; }
    #nav li.current a { border-bottom: 1px solid #fff; }
	#nav li.x1 a { width: 43px; }
    #nav li.x2 a { width: 119px; }
    #nav li.x3 a { width: 35px; }
    #nav li.x4 a { width: 90px; }
    #nav li a:hover { border-bottom: 1px solid #fff; }
  #process { list-style: none; height: 22px; margin: 0; padding: 0 0 0 2px; background: #c33; }
   #process li { float: left; width: 106px; height: 76px; }
    #process li a { display: block; width: 106px; height: 76px; background-position: 0 0; background-repeat: no-repeat; text-indent: -10001px; overflow: hidden; }
    #process li a:hover, #process li.current a { background-position: 0 -76px; }
    #process li.x1 a { background-image: url(../img/to_process_a.png); }
    #process li.x2 a { background-image: url(../img/to_process_b.png); }
    #process li.x3 a { background-image: url(../img/to_process_c.png); }
 #wrapper { background: #fff url(../img/to_bg_wrapper.gif) 100% 0 repeat-y; }
  #content { position: relative; min-height: 260px; padding: 40px 180px 40px 40px; background: url(../img/to_bg_content.png) 100% 0 no-repeat; z-index: 100; }
 #footer { position: relative; height: 32px; padding: 14px 10px 0 12px; background: #369; color: #fff; }
  #footer p { margin: 0; padding: 0; font-size: 85%; }
   #footer p a { color: #fff; }
  #curl { display: block; position: absolute; bottom: 0; right: 0; width: 184px; height: 213px; background: url(../img/to_curl.jpg) no-repeat; text-indent: -10001px; z-index: 10; }

/* ELEMENTS
-------------------------------------*/
h1.hir { overflow: hidden; height: 21px; margin: 0 0 3px; background-position: 0 0; background-repeat: no-repeat; text-indent: -10001px; }
#h_contrats { background-image: url(../img/to_h_congrats.png); }
#h_six { background-image: url(../img/to_h_six.png); }
#h_help { margin: 0 0 20px; background-image: url(../img/to_h_help.png); }
#h_contact { margin: 0 0 20px; background-image: url(../img/to_h_contact.png); }
#h_do { background-image: url(../img/to_h_do.png); }

div.olir { min-height: 50px; margin: 0 0 10px; padding: 50px 0 0 120px; background-position: 0 0; background-repeat: no-repeat; }
 div.olir h1 { position: absolute; top: -10001px; }
 div.olir p { margin: 0 0 3px; }
div#h_create { background-image: url(../img/to_h_create.png); }
div#h_calculate { background-image: url(../img/to_h_calculate.png); }
div#h_confirm { background-image: url(../img/to_h_confirm.png); }
div#h_total { min-height: 80px; padding: 35px 0 0 110px; background-image: url(../img/to_h_total.png); }

div#h_create.olirhome, div#h_calculate.olirhome, div#h_confirm.olirhome { background-image: none; }
 div.olirhome h1 { height: 57px; text-indent: -10000px; background-position: 0 0; background-repeat: no-repeat; }
		div.olirhome h1 a { display: block; height: 57px; }
	div.olirhome p { margin: 0 0 3px 60px; padding: 0 0 0 60px; background-position: 0 0; background-repeat: no-repeat; height: 47px; position: relative; top: -20px; }
div#h_create.olirhome h1 { background-image: url(../img/to_hh_create.png); width: 359px; }
div#h_calculate.olirhome h1 { background-image: url(../img/to_hh_calculate.png); width: 520px; }
div#h_confirm.olirhome h1 { background-image: url(../img/to_hh_confirm.png); width: 387px; }
div#h_create.olirhome p { background-image: url(../img/icons/pdf.png); }
div#h_calculate.olirhome p { background-image: url(../img/icons/calculator.png); }
div#h_confirm.olirhome p { background-image: url(../img/icons/padlock.png); }



div#h_total { min-height: 80px; padding: 35px 0 0 110px; background-image: url(../img/to_h_total.png); }

p.hours span { float: left; width: 150px; }

div.address { }
 div.address div { position: relative; padding: 0 0 0 130px; line-height: 1.6; }
  div.address div span { position: absolute; left: 0; width: 130px; }

a.b_pdfonline, a.b_pdfcreator { display: block; overflow: hidden; width: 142px; height: 27px; background: url(../img/to_b_pdfonline.png) no-repeat; text-indent: -10001px; }
a.b_pdfcreator { background-image: url(../img/to_b_pdfcreator.png); }

#calculate div.olir { margin: 0 0 30px; }

/* LISTS
-------------------------------------*/
ol.a { color: #369; font-weight: bold; }
 ol.a li { margin: 0 0 10px; }
  ol.a li strong { display: block; color: #369; font-weight: bold; }
  ol.a li span { color: #7a7a7a; font-weight: normal; }

ul.a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.a li { margin: 0 0 3px; padding: 0 0 0 15px; background: url(../img/to_li_kropa.gif) 0 7px no-repeat; }
  ul.a li ul { list-style: none; margin: 3px 0 0; padding: 0 0 0 15px; }

ul.b { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.b li { margin: 0 0 10px; }

ul.c { list-style: none; margin: 0 0 15px; padding: 10px 20px; border: 1px solid #ccc; background: #f9f9f9; }
 ul.c li { padding: 1px 0; font-family: Georgia; }
 ul.c li.br { margin: 10px 0 0; }
  ul.c li span { float: left; width: 180px; }
 ul.c li.x { text-align: right; }
  ul.c li.x a { background: #fc0; padding: 2px 10px; color: #fff; font-weight: bold; }
  ul.c li.x a:hover { text-decoration: none; }

ul.images { overflow: hidden; list-style: none; margin: 0 0 15px; padding: 0; }
 ul.images li { float: left; margin: 0 0 10px; width: 175px; text-align: center; }
  ul.images li strong { display: block; margin: 0 0 5px; text-align: center; }

dl.a { margin: 0 0 20px; }
 dl.a dt { position: relative; margin: 0 0 10px; padding: 0 0 0 20px; }
  dl.a dt span { position: absolute; left: 0; }
 dl.a dd { position: relative; margin: 0 0 10px;; padding: 0 0 0 20px; }
  dl.a dd span { position: absolute; left: 0; }
 

/* CALCULATOR
-------------------------------------*/
#calculate {  }
 #calculate form { display: block; margin-right: -60px; }
  #calculate form .br { margin-top: 25px; }
  #calculate form h2 { margin-top: 25px; }
  #calculate form div { overflow: hidden; padding: 0 0 10px; }
  #calculate form div.total { margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee; }
   #calculate form div label { float: left; width: 230px; }
   #calculate form div.total label { float: left; width: 220px; padding: 0 10px 0 0; text-align: right; font-weight: bold; }
   #calculate form div input { width: 48px; margin: 0; padding: 0 0 0 2px; }
   #calculate form div select { margin: 0; }
  #calculate form div.submit { margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #eee; }
   #calculate form div.submit input { width: auto; padding: 0 10px; background: #393; color: #fff; border: 1px solid #393; font-weight: bold; }

/* CONFIRM
-------------------------------------*/
#confirm { }
 #confirm form { display: block; margin-right: -100px; }
  #confirm form fieldset { border: none; margin: 0 0 20px; padding: 0; }
   #confirm form fieldset legend { margin: 0 0 10px; padding: 0; font: bold 16px Arial,Helvetica,sans-serif; color: #369; }
   #confirm form fieldset h3 { font-size: 14px; color: #369; }
   #confirm form fieldset div { overflow: hidden; margin: 0 0 10px; }
   #confirm form fieldset div.sec { background: url(../img/to_security.jpg) 260px 100% no-repeat; padding-bottom: 180px; }
    #confirm form fieldset div label { float: left; width: 280px; padding: 2px 0 0; }
    #confirm form fieldset div input { width: 248px; }
    #confirm form fieldset div input#p_Security_Code,
	#confirm form fieldset div input#p_Switch_Issue_No { width: 60px; }
    #confirm form fieldset div input.auto { width: auto; }
   #confirm form div.submit { margin: 0; padding: 20px 0 0 280px; border-top: 1px solid #eee; }
    #confirm form div.submit input { border: 1px solid #393; background: #393; color: #fff; font-weight: bold; }

a.btn_a { background: #fc0; padding: 2px 10px; color: #fff; font-weight: bold; }
a.btn_a:hover { text-decoration: none; }