html {
  margin: 0;
  padding: 0;

  background: transparent
}

body {
  margin: 10px 10px 0 10px;
  padding: 0;

	text-align: center;
  font-family: Arial, Helvetica, sans-serif;

  background: #fff;
}


form {
  margin: 0;
  padding: 0;
}


form img {
  vertical-align: middle;
}



/**********************************
 * Wrappers
 **********************************/

#logo-area {
  margin: 0;
  padding: 0;
  
  width: 200px;
}

#logo-area h1 {
  margin: 0;
  padding: 0;
  
  width: 188px;
  height: 67px;
  
  background: transparent url(../images/logo.gif) no-repeat 0 0;
}



#logo-area h1 a {
  display: block;
  
  margin: 0;
  padding: 0;
  
  width: 100%;
  height: 100%;
}

#logo-area h1 a span {
  display: none;
}






/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin: 10px 0;
	padding: 10px;

	border: 4px solid #EEE;
	background-color: #fff;
}


/* Normal styling */
.cb {margin: 10px 0;}

/* Top corners and border */
.bt {
	height:12px;
	margin:0 0 0 13px;
	background:url(../images/wired_box.gif) no-repeat 100% 0;
}

.bt div {
	position:relative;
	left:-13px;
	width:13px;
	height:12px;
	background:url(../images/wired_box.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(../images/wired_box.gif) no-repeat 100% 100%;
}

.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(../images/wired_box.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(../images/wired_borders.gif) repeat-y 0 0;
}

/* Right border */
.i2 {
	padding: 0 12px 0 0;
	background: url(../images/wired_borders.gif) repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display: block;

	margin: 0;
	padding: 1px 0;

  font-size: 13px;

	background: #fff;
}

/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.i3 {display:inline-block;}

.i3 {display:block;}

.i3 p, .i3 h2 {
  margin: 5px 0;
  padding: 0;

  font-size: 13px;
}


.i3 h2 {
  color: #437bac;
  font-size: 16px;
}






/*         BUTTONS        */
/* Top corners and border */
.button .bt {
	height:9px;
	margin:0 0 0 10px;
	background:url(../images/blue_box.gif) no-repeat 100% 0;
}

.button .bt div {
	position:relative;
	left:-10px;
	width:10px;
	height:9px;
	background:url(../images/blue_box.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

/* Bottom corners and border */
.button .bb {
	height:11px;
	margin:0 0 0 9px;
	background:url(../images/blue_box.gif) no-repeat 100% 100%;
}

.button .bb div {
	position:relative;
	left:-9px;
	width:9px;
	height:11px;
	background:url(../images/blue_box.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

/* Left border */
.button .i1 {
	padding:0 0 0 9px;
	background:url(../images/blue_borders.gif) repeat-y 0 0;
}

/* Right border */
.button .i2 {
	padding: 0 9px 0 0;
	background: url(../images/blue_borders.gif) repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.button .i3 {
	display: block;

	margin: 0;
	padding: 1px 0;

  font-size: 16px;

  background-color: #437bac;
}









/**********************************
 * Top menu area
 **********************************/
.topmenu {
  margin: 0 !important;
}

.topmenu .i3 {
  padding: 1px 0;
  
  font-size: inherit;

  background-color: #f4f8fa;
}

.topmenu .i1, .topmenu .i2 { 
  background-image:url(../images/menu_borders.gif); 
}

.topmenu .bt, .topmenu .bt div, .topmenu .bb, .topmenu .bb div { 
  background-image:url(../images/menu_box.gif); 
}

.topmenu .i3 p {
  margin: 0;
  padding: 0;
}



#top-menu {
  float: left;
  
  margin: 0;
  padding: 0;
  
  list-style: none;
}


#top-menu li {
  float: left;
  
  margin: 0;
  padding: 0 10px;
  
  list-style: none;
  font-size: 13px;
}

#top-menu li a {
  display: block;
  
  padding: 5px 2px;
  
  color: #333;
  text-decoration: underline;
}

#top-menu li a:hover {
  color: #555;
  text-decoration: none;
}

#top-menu li.current a {
  color: #437bac;
  font-weight: bold;
  text-decoration: none;

  background: url(../images/arrow_up.gif) no-repeat 50% 100%; 
}

#top-menu li.current a:hover {
  color: #4084bf;
  text-decoration: none;
}




/**********************************
 * Logon area
 **********************************/
#logon-area {
  float: right;
  
  width: 200px;
}

#logon-area table {
  width: 200px;
}

#logon-area table td {
  padding: 5px 5px !important;

  color: #373737;
  font-size: 12px;
}

#logon-area #top-login {
  width: 100%;

  background: #fff url(../images/login_text.gif) no-repeat 2px 50%;
}

#logon-area #top-passwd {
  width: 100%;

  background: #fff url(../images/passwd_text.gif) no-repeat 2px 50%; 
}

#logon-area #top-login.focused, #logon-area #top-passwd.focused {
  background-image: none !important;
}






/**********************************
 * Form area
 **********************************/
.request-form {
}

.request-form .i3 {
  padding: 1px 20px 1px 10px;
  
  background-color: #EFEFEF;
}

/*
* html .request-form .i3 {
  height: 550px;
}


.request-form .i3 .i3 {
  min-height: auto !important;
  height: auto !important;
}
*/


.request-form .i1, .request-form .i2 { 
  background-image:url(../images/form_borders.gif); 
}

.request-form .bt, .request-form .bt div, .request-form .bb, .request-form .bb div { 
  background-image:url(../images/form_box.gif); 
}


.request-form table {
  width: 100%;
}

.request-form table th, .request-form table td {
  padding: 5px 5px !important;

  color: #373737;
  font-size: 12px;
}

.request-form table th {
  text-align: right;
  font-weight: normal;
  color: #1f5c7c;
}

.request-form table tr.underlined th, .request-form table tr.underlined td {
/*   border-bottom: 1px solid #DCDCDC; */
}





.profile-form {
  padding: 0 5px 0 90px;

  background: transparent url(../images/access_key.gif) no-repeat 10px 50%; 
}

.unpadded {
  margin: 10px 0;
  padding: 10px 5px 0 5px;

  background: none; 
  border-top: 1px solid #DCDCDC; 
}

.profile-form table {
  width: 100%;
}

.profile-form table th, .profile-form table td {
  padding: 2px 5px !important;

  color: #373737;
  font-size: 12px;
}

.profile-form table th {
  text-align: right;
  font-weight: bold;
  color: #1f5c7c;
}

.profile-form table th strong {
  color: #eb5959;
}



.profile-form table tr.underlined th, .profile-form table tr.underlined td {
  border-bottom: 1px solid #DCDCDC; 
}





.w100 {
  width:100%;
}

.w90 {
  width:90%;
}

.w80 {
  width:80%;
}

.w50 {
  width:50%;
}

.w40 {
  width:40%;
}

.w30 {
  width:30%;
}

.w20 {
  width:20%;
}

.w10 {
  width:10%;
}

.left-aligned {
  text-align: left !important;
}




/**********************************
 * White block
 **********************************/
.white-block {
  margin: 0 0 5px 0;
}

.white-block .i3 {
  padding: 1px 30px 1px 1px;

  text-align: justify;
  font-size: 12px;

  background: #FFF url(../images/alert.gif) no-repeat 100% 100%;;
}

.white-block .i1, .white-block .i2 { 
  background-image:url(../images/white_borders.gif); 
}

.white-block .bt, .white-block .bt div, .white-block .bb, .white-block .bb div { 
  background-image:url(../images/white_box.gif); 
}



/**********************************
 * Teaser area
 **********************************/
.teaser-block {
}

.teaser-block .i3 {
  padding: 0 10px 0 20px;
  background-color: #fbfbfb;
}

.teaser-block .i1, .teaser-block .i2 { 
  background-image:url(../images/top_borders.gif); 
}

.teaser-block .bt, .teaser-block .bt div, .teaser-block .bb, .teaser-block .bb div { 
  background-image:url(../images/top_box.gif); 
}



/**********************************
 * Stats area
 **********************************/
.stat-block {
}

.stat-block .i3 {
  text-align: center;
  color: #fff;
  
  background-color: #437bac;
}

.stat-block .i1, .stat-block .i2 { 
  background-image:url(../images/blue_borders.gif); 
}

.stat-block .bt, .stat-block .bt div, .stat-block .bb, .stat-block .bb div { 
  background-image:url(../images/blue_box.gif); 
}

.stat-block .i3 p {
  font-size: 16px;
}

.stat-block .i3 big {
}

.stat-block .i3 p.big {
  margin 0;

  font-weight: bold;
  font-size: 48px;
  
  line-height: 46px;
}





/**********************************
 * Sidebar block
 **********************************/
.side-block {
}

.side-block .i3 {
  color: #333;
  
  font-size: inherit;

  background-color: #FFF;
}

.side-block .i3 h2 {
  text-align: center;
  font-size: 32px;
  border-bottom: 2px solid #437bac;
}

.side-block .i3 hr {
  height: 1px;
  width: 60%;
  
  margin 5px auto;
  
  color: #eee;

  background: none;
  border: 0 none;
  border-bottom: 1px solid #eee;
}

.side-block .i1, .side-block .i2 { 
  background-image:url(../images/wired_borders.gif); 
}

.side-block .bt, .side-block .bt div, .side-block .bb, .side-block .bb div { 
  background-image:url(../images/wired_box.gif); 
}






/**********************************
 * Blue button
 **********************************/
.blue-button {
  margin: 10px 0 10px auto;
  width: 344px;
}

.blue-button .i3 {
  width: 320px;

  text-align: center;
  color: white;
  font-size: 16px;

  border: 0px none;
  background-color: #437bac;

  cursor:pointer;
  cursor:hand;
}

.blue-button .i1, .blue-button .i2 { 
  background-image:url(../images/blue_borders2.gif); 
}

.blue-button .bt, .blue-button .bt div, .blue-button .bb, .blue-button .bb div { 
  background-image:url(../images/blue_box2.gif); 
}





/**********************************
 * Green button
 **********************************/
.green-button {
  margin: 10px 0 10px auto;
  width: 264px;
}

.green-button .i3 {
  width: 240px;

  text-align: center;
  color: white;
  font-size: 15px;

  border: 0px none;
  background-color: #00C374;

  cursor:pointer;
  cursor:hand;
}

.green-button .i1, .green-button .i2 { 
  background-image:url(../images/green_borders.gif); 
}

.green-button .bt, .green-button .bt div, .green-button .bb, .green-button .bb div { 
  background-image:url(../images/green_box.gif); 
}





/**********************************
 * List item box
 **********************************/
.list-box {
  margin: 5px 0;
}


.list-box .i3 {
  font-size: 12px;
  color: #333;

  border: 0px none;
  background-color: #f9f9f9;
}


.list-box .i1, .list-box .i2 { 
  background-image:url(../images/grey_borders.gif); 
}


.list-box .bt, .list-box .bt div, .list-box .bb, .list-box .bb div { 
  background-image:url(../images/grey_box.gif); 
}


.list-box .request {
  color: #437bac;
  font-weight: bold;
  font-size: 12px;
}


.list-box .question {
  color: #333;
  font-weight: normal;
}


.list-box .answer {
  padding-left: 20px !important;
  
  color: #437bac;
  font-weight: normal;
}


.list-box table {
  width: 100%;
}


.list-box table th, .list-box table td {
  padding: 5px 5px;

  color: #373737;
  font-size: 12px;
}


.list-box table th {
  color: #555;
  font-weight: normal;
  text-align: right;
}


.list-box .processed {
  padding: 0 0 0 12px;
  
  color: #08c075;
  font-size: 11px;
  font-weight: bold;
  
  background: transparent url(../images/ico_process.gif) no-repeat 0 50%; 
}


.list-box .declined {
  padding: 0 0 0 12px;
  
  color: #eb5959;
  font-size: 11px;
  font-weight: bold;
  
  background: transparent url(../images/ico_cancel.gif) no-repeat 0 50%; 
}

.list-box .paid {
  color: #00C375;
  font-size: 27px;
  font-weight: normal;
}


.list-box.req table th, .list-box.req table td {
  font-size: 11px;
  padding: 2px 5px !important;
}


.list-box .tourops {
  padding: 2px 2px 2px 26px;
  
  border-left: 4px double #DDD;
}


.list-box .purchase {
  padding: 3px 0 5px 17px;

  background: transparent url(../images/label.gif) no-repeat 2px 2px; 
}


.list-box .purchase a {
  font-weight: bold;
  color: #437bac;
  text-decoration: underline; 
}


.list-box .purchase a:hover {
  color: #02af67;
  text-decoration: underline; 
}


.list-box.purchased table th, .list-box.purchased table td {
  color: #373737;
  font-size: 12px;
}


.list-box.purchased table th {
  text-align: right;
  font-weight: normal;
  color: #1f5c7c;
}


.list-box.purchased .request {
  padding: 2px;
  color: #437bac;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #437bac;
}




/**********************************
 * Wrappers
 **********************************/

#wrapper {
  position: relative;
  
	width: 1000px;
	min-width: 780px;
	margin: 0 auto;
	
	text-align: left;
}


* html #wrapper {
	width: 970px;
}

/**************************************/

#top-wrapper {
	width: 100%;
  margin: 0;
}

#top-wrapper #slogan {
  padding: 0;
  
  font-size: 12px;
  color: #333;
}

/**************************************/

#content-wrapper {
	width: 100%;
	height: 700px;
	
  margin: 0 0 20px 0;
  
/*   border: 1px solid #888; */
}


* html #content-wrapper {
	height: 700px;
}


#content-wrapper #content {
  font-size: 13px;
}


#content-wrapper #sidebar {
	width: 265px;
  padding: 0 0 0 15px;

  font-size: 13px;
}


#content h2, #popup h2 {
  margin: 10px 0 5px 0;
  padding: 0;
  
  text-align: right;
  color: #437bac;
/*   color: #00C375; */
  font-size: 27px;
  font-weight: normal;
}


#content h3 {
  margin: 15px 0 7px 0;
  padding: 0;
  
  color: #5f5f5f; 
  font-size: 16px;
}


cbb h3 {
  margin: 15px 0 7px 0;
  padding: 0 5px 5px 5px;
  
  color: #5f5f5f; 
  font-size: 16px;

  border-bottom: 1px solid #8f8f8f;
}


#popup {
  text-align: left;
}




/**************************************/

#footer-wrapper {
	width: 100%;
  margin: 0;
}

#footer-wrapper #footer {
  padding: 0 12px 0 0;
  
  background: transparent url(../images/footer_right.gif) no-repeat 100% 0;
}

#footer-wrapper #footer-right {
	width: 265px;
  padding: 0 0 0 15px;
  
  color: #AEAEAE;
  font-size: 13px;
  text-align: right;
}

#footer-menu {
  display: block;
  float: left;
  width: 100%;
  
  margin: 0;
  padding: 0;
  
  list-style: none;
  font-size: 12px;

  background: transparent url(../images/footer_body.gif) no-repeat 0 0;
}


#footer-menu li {
  float: left;
  
  margin: 0;
  padding: 10px 10px;
  
  list-style: none;
}

#footer-menu li a {
  display: block;
  
  padding: 3px 3px;
  
  color: #BDBDBD;
  text-decoration: underline;
}

#footer-menu li a:hover {
  color: #E3E3E3;
  text-decoration: none;
}

#footer-menu li.current a {
  color: #FFF;
  font-weight: bold;
  text-decoration: underline;
}

#footer-menu li.current a:hover {
  color: #FFF;
  text-decoration: none;
}





form input.error, form textarea.error, form select.error {
  background-color: #fad2d2;
  border: 1px solid #eb5959;
}

#validatorErrors .i3 {
  font-size: 10px;
  color: #eb5959;
}



.pager {
  padding: 1px 0;
  margin: 5px 0;
}



.pager .page {
  color: #999;
  text-decoration: none;
}

.pager .current_page {
  color: #437bac;
  text-decoration: none;
  font-weight: bold;
}



.submenu {

}


.submenu a {
  color: #333; 
  text-decoration: underline;
}

.submenu a:hover {
  color: #999; 
  text-decoration: underline;
}

.submenu a.current {
  font-weight: bold;
}