body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; text-align : center; }

img { border : 0; }

a:link { text-decoration: none; color : #00375e; }
a:active { text-decoration: none; color : #00375e; }
a:visited { text-decoration: none; color : #00375e; }
a:hover { text-decoration: underline; }

#header { background : url('../images/topbg.gif') repeat-x; height : 70px; width : 100%; }

#logo { background : url('../images/toplogo.jpg') no-repeat; float: left; height: 60px; width: 500px;}
#info { color: #ffffff; float: right; margin: 5px 10px 0 0; width: 250px; text-align: right; }
#info a { color: #ffd42f; }
#info a:hover { text-decoration: none; }
#infotxt { color: #ffffff; padding: 2px; }

#logincont { height: 100%; margin: 0 auto; width: 400px; }
#loginheader { background : url('../images/loginlogo.gif') no-repeat; height : 70px; margin : 50px 0 0 0; width : 400px; }
#loginform { border : 1px solid #00375e; height : 150px; padding : 10px 0 0 0 ; width : 398px; }
#loginmessage { margin-bottom: 10px;  text-align : center; }

#tabs{ padding : 0; background : transparent;  height : 21px; margin : 0; padding : 0; }
#tabs ul { font : bold 11px Arial, Verdana, sans-serif; margin : 0; padding : 0; list-style : none; }
#tabs li { display : inline; margin : 0 2px 0 0; padding : 0; }
#tabs a { float : left; color : #ffffff; background : #074f71; margin : 0 2px 0 0; padding : 0 0 1px 3px; text-decoration : none; }
#tabs a span { float : left; display : block; background : transparent; padding : 4px 9px 2px 6px; }
#tabs a span { float : none;}
#tabs a:hover { background-color : #56c271; color: #ffffff; }
#tabs a.current { background-color : #294C38; color: #ffffff; }
#tabs a.current:hover { background: #56c271; }

#right-col { margin: 0 2em 0 200px; text-align: left; }
#left-col { float: left; width: 200px; }

h1 { font-size: 180%; color: #074f71; border-bottom: 1px solid #074f71; padding: 4px; }
h2, h3 { font-size: 160%; color: #074f71; padding: 4px; }

.loginfont1 { font-size : 12px;}
.loginfont2 { color : #ff0000; font-size : 12px; font-weight : bold;}
.privacy_small { font-size: 9px; font-style: italic; }

img { border: 0; }
input { font-size: 11px; }
input.text { width: 300px; padding: 4px; font-size: 120%; margin-bottom: 4px; }
select { width: 310px; padding: 3px; font-size: 105%; margin-bottom: 4px; }
input.submit { font-size: 120%; padding: 4px; }
textarea.text { width: 450px; height: 150px; padding: 4px; font-size: 120%;  }
table { font-size : 11px; }
table td.th01 { background-color : #ffbf07; border-style : solid; border-top-width : 0px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 0px; color : #ffffff; font-size: 12px; height : 15px; }
table td.td01 { border-color : #cccccc #cccccc #cccccc #cccccc; border-style : solid; border-top-width : 0px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 0px; color: #222222; font-size: 11px; padding : 5px; vertical-align : baseline; }
table td.td02 { border-color : #cccccc #cccccc #cccccc #cccccc; border-style : solid; border-top-width : 0px; border-right-width : 0px; border-bottom-width : 1px; border-left-width : 0px; color: #222222; font-size: 11px; padding : 5px; }
table.data { width: 100%; border-collapse: collapse; }
table.data th { background-color:#074f71; border-bottom:1px solid #666; border-top:1px solid buttonhighlight; cursor:default; font-size:12px; font-weight:bold; color : #ffffff; padding: 6px 4px; line-height:15px; }
table.data td { border-bottom: 1px solid #ddd; padding: 5px 2px; }
table.data tr:hover, table.data tr.hover { background-color: #f8e69f; }
table.nohover tr:hover { background: none; }
table select { width: 150px; font-size: 95%; padding: 1px; }
#formtitle, .formtitle { border-bottom:1px solid #000; color:#294C38; font-size:13px; font-weight:bold; line-height:20px; margin: 20px 0 10px 0; }
table.data .formtitle { border-bottom: 1px solid #000; padding: 0; }
.formtitle span { color: #666; font-size: 85%; font-weight: normal; }

.navHead { background : url('../images/nav_head.gif') no-repeat;  color : #ffffff; font-size : 10px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; height: 30px; line-height : 30px; margin : 0; padding : 0; text-align : center; width : 155px; }
.navBody { background : url('../images/nav_body.gif') repeat-y; width : 155px; }
.navFoot { background : url('../images/nav_foot.gif') no-repeat; height: 15px; width : 155px; }
.navSub { background : transparent; color : #464545; font-size : 12px; height: 20px; line-height : 20px; margin : 0; padding : 0; text-align : center; }
.navMod { background : transparent; height: 15px; line-height : 15px; margin : 0; padding : 3px 0 3px 5px; }
.navSpace { background : transparent; height : 20px; margin : 0; padding : 0; position : relative; }
.navMod a { color : #888686; font-size : 11px; text-decoration : none; }
.navMod a:hover { color: #000000; }
.navMod a.active { font-weight: bold; color: #000000; }
.errors { color: red; font-weight: bold; margin-bottom: 4px; font-size:103%; }


.info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url('../images/info.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/success.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/warning.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('../images/error.png'); }

.ac_results { padding: 0px; border: 1px solid #ccc; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_odd { background-color: #f5f5f5; }
.ac_over { background-color: #ffeebf; }

input[type=text] {  
	padding: 2px; margin: 0 4px;
}
	
th.header { 
    background-image: url(../images/small.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center right; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 
th.headerSortUp {
    background-image: url(../images/small_asc.gif); 
    background-color: #3399FF;
	background-position: center right;
} 
th.headerSortDown { 
    background-image: url(../images/small_desc.gif); 
    background-color: #3399FF;
	background-position: center right;
}

a i { text-decoration: none; font-size: 16px; line-height: 16px; }


.clear { clear: left; }
.gray { color: gray; }
.bigger { font-size: 110%; }
.strong { font-weight: bold; }
.green { color: green; }
.orange { color: orange; }
.blue { color: blue; }
.red { color: red; }
.fuchsia { color: fuchsia; }


tr.error { background-image: none; }

.width150 { display: block; float: left; width: 100px; }
input.long { width: 300px; }
table.fixed { table-layout:fixed; }
td.td-icons { text-align: center; }
td.td-icons a i { color: #444; font-size: 16px; margin-right: 4px; }
td.td-icons a:hover { text-decoration: none; }
table tr.reserve td { background: #f5f5f5 !important; font-style: italic; color:#00f5f5 !important; }
table tr.annulation td { background: #f5f5f5 !important; font-style: italic; color:#f50000 !important; }

/* tables */

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    width: 200px;
}
table.tablesorter thead tr .header {
    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

.ui-datepicker { background: white; }