* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: arial, sans-serif;
    color: #737373;
    min-width: 100%;
}

.darkBlue {
	color: #24679B;
}
.red {
	color: #FC4D4B;
}

p, div, td, span { 
	font-size: 12px;
	color: #737373;
    font-family: arial, sans-serif;
}

.groupBox {
	border-radius: 5px;  
	border: solid 1px #BBB;
	padding: 20px;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 17px;
}

h4 {
	font-size: 14px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
table td {
	vertical-align: top;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a img { border: 0; }
ul { list-style: none; }

input { height: 25px; border: 1px solid #d7d8d8; border-radius: 4px; padding: 0 5px 0 5px; font-size: 13px; font-family: arial, sans-serif; color: #7f7f7f; }
select { height: 25px; border: 1px solid #d7d8d8; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 13px; font-family: arial, sans-serif; color: #7f7f7f; }
option { padding-left: 5px; }
textarea { border: 1px solid #d7d8d8; border-radius: 4px; padding: 5px 5px 5px 5px; font-size: 12px; font-family: arial, sans-serif; color: #7f7f7f; overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.bottomBorder {
	border-bottom: 1px solid #d7d8d8;
	padding-bottom: 10px;
}

.blueBottomBorder {
	border-bottom: 1px solid #24679B;
	padding-bottom: 10px;
}

.label {
	font-size: 12px;
	color: #737373;
    font-family: arial, sans-serif;
	margin-top: 15px;
	margin-bottom: 5px;
}
.labelError {
	font-size: 12px;
	color: #FC4D4B;
    font-family: arial, sans-serif;
	margin-top: 15px;
	margin-bottom: 5px;	
}

.loginsuccess { border: 1px solid #9adf8f; border-radius: 4px; background: #d5ffce; padding-bottom: 25px; position: relative; padding-right: 20px; margin-top: 20px;}
.loginsuccess span.icon { position: absolute; left: 11px; top: 9px; width: 35px; height: 36px; background: url('images/theme.png') 0 -16px no-repeat; }
.loginsuccess h3 { color: #556652; font-family: Verdana, sans-serif; font-size: 15px; text-transform: uppercase; padding: 18px 0 0 55px; }
.loginsuccess p { color: #556652; font-size: 12px; line-height: 22px; padding: 20px 0 0 13px; }
.loginsuccess a { color: #556652; }
.loginsuccess a.close { position: absolute; right: 10px; top: 10px; width: 12px; height: 11px; background: url('images/theme.png') -73px -16px no-repeat; overflow: hidden; }

.loginmessage { border: 1px solid #24679B; border-radius: 4px; background: #b4deff; padding-bottom: 25px; position: relative; padding-right: 20px; margin-top: 20px; }
.loginmessage span.icon { position: absolute; left: 11px; top: 9px; width: 35px; height: 36px; background: url('images/theme.png') 0 -16px no-repeat; }
.loginmessage h3 { color: #556652; font-family: Verdana, sans-serif; font-size: 15px; text-transform: uppercase; padding: 18px 0 0 55px; }
.loginmessage p { color: #556652; font-size: 12px; line-height: 22px; padding: 20px 0 0 13px; }
.loginmessage a { color: blue; text-decoration: underline; }
.loginmessage a.close { position: absolute; right: 10px; top: 10px; width: 12px; height: 11px; background: url('images/theme.png') -73px -16px no-repeat; overflow: hidden; }

.loginerror { border: 1px solid #b11816; border-radius: 4px; background: #fc4d4b; padding-bottom: 25px; position: relative; padding-right: 20px; margin-top: 20px; }
.loginerror span.icon { position: absolute; left: 10px; top: 9px; width: 35px; height: 37px; background: url('images/theme.png') -35px -16px no-repeat; }
.loginerror h3 { color: #5a0000; font-family: Verdana, sans-serif; font-size: 15px; text-transform: uppercase; padding: 19px 0 0 55px; text-shadow: 0px 1px 2px #fdc3c2; }
.loginerror p { color: #fefefe; font-size: 12px; line-height: 22px; padding: 19px 0 0 13px; }
.loginerror a { color: #fefefe; text-decoration: underline; }
.loginerror a.close { position: absolute; right: 10px; top: 10px; width: 12px; height: 11px; background: url('images/theme.png') -73px -27px no-repeat; overflow: hidden; }


 /* changehistory 
------------------------------------------*/
table.changeHistoryTable {
	border: 1px solid #003366;
	background-color: #FFFFFF;
	width: 100%;	
	border-collapse: separate;
	border-spacing: 2;
}
.changeHistoryTable .odd { 
	background : #f3f3f3; 
}
table.changeHistoryTable th {
	background-color: #F8F8F8;
	border-bottom: 1px solid #003366;
	font-family: arial, sans-serif;
	font-size: 14px; 
	color: #737373; 
	font-weight: bold;
	padding: 5px;
}
table.changeHistoryTable td {
	font-family: arial, sans-serif;
	font-size: 13px;
	padding: 5px;
	color: #737373; 
}
.historyEntryRowNormal {
	background-color: #FFFFFF;
}
.historyEntryRowAlt {
	background-color: #F0F0F0;
}
.historyEntryRowHighlight {
	background-color: #b4deff;
}

table.rowTable {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table.rowTable tr {
	border-bottom: 1px solid #BBB;
	border-top: 1px solid #BBB;
}
table.rowTable td {
	padding: 5px;
	vertical-align: middle;
}

 /* tablesorter 
------------------------------------------*/
table.tablesorter {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #BBB;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	padding-left: 3px;
	padding-right: 3px;	
	background-color: #F8F8F8;
	text-align: left;
	border: 1px solid #BBB;		
	font-family: Verdana, sans-serif; 
	font-size: 13px; 
	height: 42px; 
	padding-top: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/common/images/tableSorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 25px;
}
table.tablesorter tbody td {
	padding: 5px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #BBB;	
	cursor: pointer;
}
table.tablesorter tbody tr.odd td {
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/common/images/tableSorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/common/images/tableSorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
}
.rowHighlight {
	background-color: #b4deff;
}
.rowNormal {
	background-color: #FFFFFF;
}
.rowAlt {
	background-color: #F0F9FF;
}