﻿* { margin:0; padding:0; border:0; padding: 0;}

body { font-size: 100%; width: 100%; color: #333333; font-family: "Helvetica" , sans-serif; font-size: 12px; }

/* Defaults */
a {
	color: #0080C0;
	font-weight: bold;
}
li { list-style: none; }

img { border:0; padding: 0; }
p { margin:0px 0px 8px 0px; }
table { border-collapse: collapse; border-spacing: 0px; }

.btn-orange { padding: 4px; background-color: #F1801A; color: #ffffff; font-weight: 700; border: 1px solid #E76F04; }
.btn-white { padding: 3px; background-color: #F5F5F9; color: #999B9D; font-weight: 700; border: 1px solid #D7D8DA; }
input[type="text"], input[type="password"], select, textarea { color: #0283de; font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; border: 1px solid #CDC8C8; padding: 3px; }

/* Floating */
.f-left { float: left; }
.f-right { float: right; }
.clear { clear: both; }
.block { display:block; }

/* headings */
h1, h2 { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; font-size: 13px; }

h2 { color: #0586E0; padding: 3px 0px 3px 0px; font-weight: normal;}
h3 { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; font-size: 12px; padding: 0px 0px 3px 0px}

#header { height: 40px; margin-top: 5px; padding-right:10px; }

.page-head { background-color: #69F; color: #ffffff;  padding: 5px 3px 5px 3px; height: 25px; line-height: 25px;  font-weight: 700;}

.nav-t { padding: 5px 3px 5px 3px; border-top: 4px solid #69F;}
.nav-b { padding: 5px 3px 5px 3px; border-top: 4px solid #69F;}

/* Lists */
.list li { padding: 6px 0 6px 0; } 

.list-01 li a { display: block; height:40px; padding-left: 5px; line-height: 40px; color: #4e4e4e; font-size: 13px; font-weight: 700; text-decoration: none; background-image: url('images/title-tail-bg.gif'); background-repeat: repeat-x; background-position: left bottom; border-bottom: 1px solid #D6E5E9; }
.list-01 li a span { display: inline-block; width:24px; height: 24px; margin-right: 10px; vertical-align: middle; background-image: url('images/sprite-home.png'); background-repeat: no-repeat; }

.list-02 { margin: 0 0 15px 30px ; }
.list-02 li { list-style-type: decimal;  padding-left: 5px; margin-bottom: 3px;}

.list-03 { margin: 0 0 15px 15px ; }
.list-03 li { background-position: left center; list-style-type: none; padding-left: 15px; margin-bottom: 3px; background-image: url('images/list-03.gif'); background-repeat: no-repeat; }

.list-04 li { background-image: url('images/nav_bg_tile.gif'); background-repeat: repeat-x; background-position: left bottom; }
.list-04 li a { display: block; height: 40px; padding-left: 5px; line-height: 40px; color: #4e4e4e; font-size: 13px; font-weight: 700; text-decoration: none;  border-bottom: 1px solid #D6E5E9; background-position: 97% center; background-image: url('images/list-04.png'); background-repeat: no-repeat;}

.search-type div.title { height:35px; padding:0 5px 0 5px; cursor: pointer; line-height: 35px; color: #000000; font-weight: 700; text-decoration: none;  border-bottom: 1px solid #D6E5E9;background-image: url('images/sprite-home.png'); background-repeat: repeat-x; background-position: left bottom; }
.search-type div.title div.expand { background-image: url('images/expand.png');  background-position: right center; background-repeat: no-repeat;}
.search-type div.title div.collapse { background-image: url('images/collapse.png');  background-position: right center; background-repeat: no-repeat;}
.search-type div.content { padding:5px 3px; border-bottom: 1px solid #CDC8C8;}
.search-type div.content .list { border-bottom-color: #F3F3F3; }
.search-type div.content .list td { vertical-align: middle; padding: 5px;}
.search-type div.content .list td label { vertical-align: middle; padding-left: 10px;}

.search-type .btns { text-align: center; margin: 10px 5px 10px 5px; }

/* Footer */
#footer {  border-top: 4px solid #69F; text-align: center; color: #ffffff; padding: 5px 3px 5px 3px; color: #959595; line-height: 155%; font-size: 11px;}
#footer  a { color: #959595; }

/* Text styles */
.txt-bold { font-weight: 700; }
.txt-u { text-decoration: underline; }

/* Text size */
.size-small { font-size: 11px; }
.size-big { font-size: 13px; }

/* Text alignment */
.ali-l { text-align: left; }
.ali-c { text-align: center;}
.ali-r { text-align: right; }
.ali-t { vertical-align: top; }
.ali-m { vertical-align: middle; }

/* Text colors */
.color-blue { color: #0283DE; }
.color-red { color: #ff0000; }
.color-gray { color: #959595 }
.color-green { color: #afd913; }
.color-highlight { color: #E76F13; }


/* Login */
.login { border: 2px solid #68BBE0; background-color: #E5EEF6; padding: 6px; }
.login .inner { background-color: #ffffff; padding: 1px 4px 1px 4px;}
.login h2 img { width: 24px; height: 24px; vertical-align: middle; float: left; }
.login h2 span { display: block; border-bottom: 1px solid #E5EEF6;  line-height: 24px; margin-left: 30px;}
.login label { display: block; margin:5px 0 5px 0; color: #0384DF;}
.login input[type="text"], .login input[type="password"] { border: 1px solid #67BAE0; background-color: #E5EEF6; padding: 4px; margin-bottom: 4px; background-image: none; }

.val-01 { background-position: left center; display: block; padding: 1px 1px 1px 20px; line-height:16px; margin: 1px 0px 3px 0px; color: #ff0000; background-image: url('images/val-01.png'); background-repeat: no-repeat; }

/* guest icons */
.gst-icon { width:24px; height: 24px;vertical-align: middle; background-image: url('images/sprite-guest-icons.png'); background-repeat: no-repeat; }

/* tables */
.tbl-opts td { vertical-align: top; padding-bottom: 15px; padding-right: 15px; }
.tbl-opts td h3 { color: #afd913; padding: 0px 0px 3px 0px}

.tbl-01 th, .tbl-01 td { padding: 8px 8px 8px 8px; border: 1pt solid #afd913; }
.tbl-01 th { background-color: #f8fafc; color: #48535c; }

.tbl-02 th, .tbl-02 td { padding: 8px 8px 8px 8px; border: 1pt solid #afd913; }
.tbl-02 th { background-color: #f8fafc; color: #48535c; }

.tbl-03 th, .tbl-03 td { padding: 8px 8px 8px 8px; border:1pt solid #e7e8e9; }
.tbl-03 th { color: #48535c; }
.tbl-03 tr.alt td { background-color: #f8fafc; }
