html, body {
margin:0px;
padding:0px;
}

html {
height:100%;
}

li {
	list-style:none;	
}

body 
{
margin:0px;
font-family: Trebuchet MS;
font-size: 12px;
background: #fff;
height:100%;
}

img {
border:0 none;
}


#login-box {
width:385px;
margin:0 auto;
text-align:left;
position:relative;
top:150px;
}

#forgot-pass-box {
width:385px;
margin:0 auto;
text-align:left;
position:relative;
top:150px;
}

.heading {
font-family: Trebuchet MS;
font-size:16px;
color: #000;
padding-bottom: 7px;
border-bottom: 1px dashed #a7a7a7;
margin-bottom: 20px;
text-align:left;
}

#tooltip h3, #tooltip div {
    font-size: 11px;
    font-weight: 400;
}

.extra {
font-family: Trebuchet MS;
padding-top: 7px;
border-top: 1px dashed #a7a7a7;
margin-top: 20px;
text-align:right;
}

#logo {
position:absolute;
top:20px;
left:20px;
}
#logo > img {
	max-height: 66px;
	width: auto;
}

#login {
	padding: 22px 15px;
	background: #f3f3f3;
	text-align: left;
	width: 355px;
	margin: 0 auto;
	font-family: Trebuchet MS;
	color: #474747;
  font-size: 12px;
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.extras ul {
list-style:none;
padding:0px;
margin:0px;
}        

a {
color: #de061c;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#content {
padding:0px 20px;
}

.inputfields{
/*border:1px solid #DDDDFF;
*/
font-family:verdana,tahoma,arial,sans-serif,helvetica;
font-size:13px;
margin:0 0 5px 0px;
padding:3px;
}

.page_head {
font-family:verdana,tahoma,arial,sans-serif,helvetica;
font-size:14px;
margin:0 20px;
margin-top:20px !important;
padding: 13px 30px 13px 20px;
font-weight:bold;
color:#000;
background-color:#ECF2FE;
border-right: 1px solid #BBBBBB;
box-shadow: 3px 3px 4px #BBBBBB;
-moz-box-shadow: 3px 3px 4px #BBBBBB;
/*text-transform:capitalize !important;*/	
}

table, p{
	font-size: 12px;
}

.inputf {
font-family: Trebuchet MS;
color: #777;
height:20px;
min-height:20px;	
font-size:13px;
margin:0px;
padding:3px;
border:1px solid #e0e0e0;
width: 400px;
overflow: auto;
resize: none;
}

textarea.inputf {
height:97px;
}

select.inputf {
padding:4px 2px 4px 0px;
width: 408px;
height:auto;
min-height:18px;
}


input.btn {
font-family: Trebuchet MS;
color: #000;
font-size: 14px !important;

margin: 0;
padding: 4px 8px 4px 8px;
width: auto;
/*background: url('../images/button-bg.png') repeat-x;
border:1px solid #474747;
font-weight:bold;
*/
cursor:pointer;
}

input::-moz-focus-inner {
    padding: 0px 0px;
    border: 0px;
}

input:hover.btn  {
font-family: Trebuchet MS;
color: #000;
font-size: 14px !important;

margin: 0;
padding: 4px 8px 4px 8px;
width: auto;
text-decoration:none !important;
/*background: url('../images/button-bg.png') repeat-x;
border:1px solid #474747;
font-weight:bold;
*/
cursor:pointer;
}

a:hover.btn {
font-family: Trebuchet MS;
color: #000;
font-size: 14px !important;

margin: 0;
text-decoration:none !important;
/*background: url('../images/button-bg.png') repeat-x;
border:1px solid #474747;
font-weight:bold;
*/
cursor:pointer;
}

input.btnhov {
font-family: Trebuchet MS;
color: #000;
font-size: 14px !important;

margin: 0;
padding: 4px 8px 4px 8px;
width: auto;
text-decoration:none;
/*background: url('../images/button-bg.png') repeat-x;
border:1px solid #474747;
font-weight:bold;
*/
cursor:pointer;
}

.copyright{
	color: #999999;
	font-size: 10px;
}
.smallFont{
	font-size: 10px;
}
#headerLayer{
width: 100%;
background: url('../images/top-bg.png') repeat-x;
margin-bottom:55px;
}

#headerLayer_klub{
	width: 100%;

	background: #003366;
	margin-bottom:20px;
}

#headerLayer img{
padding-left:5px;
}
#footerLayer{
	padding-left: 25px;
	padding-top: 5px;
}
#langLayer{
	float: right;
	position:absolute;
	top:70px;
	right:20px;
}

#contentContainer{
	width: 100%;
}
.formDiv{
	    background: none repeat scroll 0 0 #FFFFFF;
}
.formLayer{
	line-height: 160%;
}

legend{
	padding: 5px 10px 5px 0;
	font-weight: bold;
	color: #000;
	/*color: #eb5e00;*/
	font-size: 15px;
}

.formLayer .value{
	padding: 2px;
	margin: 0px 0px 5px 12px; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
}

.formLayer br{
	clear: left;
	line-height: 250%;
}
#errorMessage{
	font-size: 12px;
	color: #cc3333;
	font-weight: bold;
}
#errorMessage li{
	font-size: 11px;
	color: #cc3333;
	font-weight: normal;
}
.resultDiv{
	margin: 20px;
	padding: 10px;
	width: auto;
	background-color: #eff5ea;
	border: 1px solid #3d6611;
	color: #3d6611;
	font-weight: bold;
}
.listContent{
width: auto;
background: none repeat scroll 0 0 #FFFFFF;
}
.titleTable{
	border:0 none;
}
.titleTable .titleCell{
	/*color: #eb5e00;*/
	color: #000;
	font-size: 15px;
	font-weight: bold;
}
.listTable{
	border: 0 none;
	margin-top: 0;
}
.actionsRow td{
	font-size: 11px;

	background: url(../images/actions_cell_bg.gif) repeat-x bottom;
	border-bottom: 1px solid #dddddd;
}
.captionRow td{
	/*color: #3d6611;*/
	color: #000;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	background-color: #f3f3f3;
}

.searchRow td{
	color: #333333;
	font-size: 11px;
	text-align: left;
	background-color: #dddddd;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.searchRow td.last{
	color: #333333;
	font-size: 11px;
	text-align: left;
	background-color: #dddddd;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	border-right: 0px none;
	border-bottom: 1px solid #999999;
}
.dataRow1 td{
	font-size: 12px;
	cursor:pointer;
}

.dataRow1:hover td {
border-top:1px solid #de061c;
border-bottom:1px solid #de061c;
padding-top:4px;
padding-bottom:4px;

}

.dataRow1:hover td:first-child {
border-left:1px solid #de061c;
padding-left:4px;
}

.dataRow1:hover td:last-child {
border-right:1px solid #de061c;
padding-right:4px;
}

.dataRow1:nth-child(odd) {background: #f3f3f3}
.Row2:nth-child(odd) {background: #f3f3f3}

.dataRow5:nth-child(odd) {background: #f3f3f3}

.dataRow2 td{
	font-size: 12px;
	background-color: #f9f9f9;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}
.dataRow2 td.last{
	font-size: 12px;
	background-color: #f9f9f9;
	border-right: 0px;
	border-top: 1px solid #dddddd;
}
.heightDataRow td{
	font-size: 12px;
	background-color: #ffeecc;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	cursor:pointer !important;
}
.heightDataRow td.last{
	font-size: 12px;
	background-color: #ffeecc;
	border-right: 0px;
	border-top: 1px solid #dddddd;
}
.pageNav{
	font-size: 13px;
}
.titleBox{
	padding: 5px;
	border:1px solid #999999;
	background: url(../images/actions_cell_bg.gif) repeat-x bottom;
	font-weight: bold;
}
.contentBox{
	padding: 5px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #e9e9ff;
}
.contentBox ul{
	margin: 0px;
	padding: 5px 10px 5px 20px;
}
.contentBox ul li{
	list-style-type: square;
}
.welcomeBox{
	border: 1px solid #999999;
	background-color: #ffeecc;
	padding: 10px;
}
.rightTitle{
	border-bottom: 1px dashed #09548B;
	padding: 5px;
}
.rightBox ul{
	margin: 0px;
	padding: 5px 10px 5px 20px;
}
.rightBox ul li{
	list-style-type: square;
}

/*sidebar css*/
sidebarheading.{
width:98%;
background:#CCCCCC;
font-size:16px;

}

#smonths, #emonths {
margin:0 0 5px 0px;
width:60px;	
}

#sdays, #edays {
margin:0 0 5px 0px;
width:50px;	
}

#syears, #eyears {
margin:0 0 5px 0px;
width:70px;	
}

.mainheading  select{
	margin:2px;
	width:60px!important;
}

#short-time-msg {
color:#FFF;
background:#000;
padding:5px 0;
line-height:20px;
height:25px;
font-weight:bolder;
width:100%;
text-align:center;
}

.clear {
clear:both;
}

.fleft {
float:left;
}

.fright {
float:right;
}

.sitetitle {
font-size: 24px;
font-weight: normal;
padding: 20px 0 60px 20px;
color: #FFCC00;
border-bottom: 0 none;
margin: 0;
text-align: left;
margin-bottom:20px;
}

.sitetitle a{
        color: #FFCC00;
        text-decoration:none;
}

.topright-link {
color: #de061c;
}

.topright-link a{
padding-right: 10px;
padding-left:10px;
border-right:1px dotted #474747;
}

.topright-link a:last-child {
padding-right:0px;
border-right:0 none;
}

td img {
cursor:pointer;
margin-left:2px;
margin-right:0px;
}

.selrow {
background-color: #bbbbd7  !important;
/*background-image:url('{$pct}');*/
background-repeat:no-repeat;		
}
 
a.help {
padding:0px 5px;
background:none !important;
}

a.help span {
-moz-border-radius:2px 2px 2px 2px !important;
background:none repeat scroll 0 0 #E07500 !important;
color:#FFFFFF;
font-size:9px;
font-weight:bold;
padding:2px 3px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}

a.help hover {
-moz-border-radius:2px 2px 2px 2px;
background:none repeat scroll 0 0 #E07500 !important;
color:#FFFFFF;
font-size:9px;
font-weight:bold;
padding:2px 3px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
}

.lf {
margin-bottom:10px;
}

.checkbox {
display: block;
padding-right: 10px;
padding-left: 22px;
text-indent: -22px;
}

input.checkbox {
margin:0;
}

.checkbox input{
padding:0px;
margin:0px;
vertical-align:middle;
}

.checkbox span {
vertical-align:middle;
}

.checklabel {
display:inline;
}

#sortResult {
margin-top:30px;
}

#divinputfile{
cursor:pointer;
width:410px;
height:30px;
}

#divinputfile #filename{
opacity: 0.0;
-moz-opacity: 0.0;
filter: alpha(opacity=00);
font-size:18px; 
cursor:pointer;
height:30px;
position:relative;
top:4px;
width:408px;
}
 
#fakeinputfile{
margin-top:-28px; 
}
 
#fakefilepc{
font-family: Trebuchet MS;
color: #777;
height:auto;
min-height:20px;	
font-size:13px;
margin:0px;
padding:3px;
border:1px solid #e0e0e0;
width: 315px;
margin-right:18px;
}

#fakeinputfile .btn {
cursor:pointer;
}

.buttonframe {
width:408px;
text-align:right;
}

#info_trigger {
float:right;
cursor:pointer;
}

#page_info {
padding:20px;
}

.titleTable  a:hover, .buttonframe  a:hover, #various2:hover, #bleh:hover {
    text-decoration: none;
}

.heading_2 {
    border-bottom: 1px dashed #CFCFCF;
    color: #000000;
    font-family: Trebuchet MS;
    font-size: 13px;
    margin-bottom: 20px;
    padding-bottom: 7px;
    text-align: left;
}

select.inputfNoWidth {
    height: auto;
    min-height: 18px;
    padding: 4px 2px 4px 0;
}

.inputfNoWidth {
    border: 1px solid #E0E0E0;
    color: #777777;
    font-family: Trebuchet MS;
    font-size: 13px;
    height: 20px;
    margin: 0;
    min-height: 20px;
    overflow: auto;
    padding: 3px;
    resize: none;
}

.table-striped > tbody > tr:nth-of-type(2n) {
	background-color: #ececec;
}