a:link{
font-family:Tahoma, Arial, Sans-serif;
color:#000000;
text-decoration:none;
}

a:visited{
font-family:Tahoma, Arial, Sans-serif;
color:#000000;
text-decoration:none;
}

a:hover{
font-family:Tahoma, Arial, Sans-serif;
color:#DD0000;
text-decoration:none;
}

a:active{
font-family:Tahoma, Arial, Sans-serif;
color:#000000;
text-decoration:none;
}

td {
font-size:12px;
}

select {
color: #000000; 
background-color: #FFFFFF;
font-family: Tahoma, Arial, Sans-serif; 
font-size: 9px; 
border:1px solid black;
}

input, textarea {
color: #000000; 
background-color: #FFFFFF;
font-size: 9px; 
font-family: Tahoma, Arial, Sans-serif; 
border-right: #000000 1px solid; 
border-top: #000000 1px solid;
border-left: #000000 1px solid; 
border-bottom: #000000 1px solid; 
padding:2px;
-moz-border-radius: 5px;
}

textarea {
	font-size: 14px;
}

body {
font-family : Tahoma;
font-size: 10px;
background-color: #F5F5F5;
}



.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid red;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DEDEDE;
color: black;
}

div.success, div.failure {
	width: 400px;
	margin: 0 auto;
	margin-bottom: 1em;
	text-align: left;
	padding: 1em;
	background: #CCFFCC url(images/tick.png) 10px top repeat-y;
	border: 1px solid #336600;
}
div.success h4, div.failure h4 {
	border-bottom: 2px solid #336600;
	margin-left: 30px;
}
div.success p, div.failure p {
	color: darkgreen;
	margin-left: 30px;
}
div.failure {
	background: #FFCCCC url(images/cross.png) 10px top repeat-y;
	border-color: #663300;
}
div.failure h4 {
	border-bottom-color: #660000;
}

div.failure p {
	color: darkred;
}

div.failure a {
	text-decoration: underline;
}

div.failure ul {
	margin-left: 30px;
}

div.failure ul li {
	color: darkred;
	margin-left: 2em;
}

div.success a {
	color: green;
}

.overlay {
	position: absolute;
	top: 0pt;
	left: 0pt;
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-attachment: scroll;
	background-position: 50% 50%;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}


div.overlay2 { 
     
    /* growing background image */ 
    background-image:url(images/overlay/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay2 div.close { 
    background-image:url(images/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay2.black { 
    background:url(images/overlay/transparent.png) no-repeat; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay2.petrol { 
    background:url(images/overlay/petrol.png) no-repeat; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}

div.toolbar:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #0B55C4;
	cursor: pointer;
}

td.toolbar{
	width: 50px;
	height: 50px;
	font-size: 10px;
}

tr.element0 {
	background-color: #FFFFFF;
}

tr.element0:hover {
	background-color: #ffffdd;
}

tr.element1:hover {
	background-color: #ffffdd;
}

tr.element1 {
	background-color: #EDEDED;
}

td.tdpage:hover {
	background-color: #ffffdd;
	color: #DD0000;
	cursor: pointer;
}

td.tdpage {
	background-color: #EDEDED;
	width: 25px;
	height: 30px;
	border: 1px solid black;
	text-align:center;
}

td.tdpageactive:hover {
	background-color: #ffffdd;
}

td.tdpageactive {
	background-color: #ffffdd;
	width: 25px;
	height: 30px;
	border: 1px solid black;
	text-align:center;
	font-weight: bold;
}