/* ----------- Basic ----------- */
body
{
    font-family: Tahoma, Arial, Verdana;
    color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    line-height: 150%;
    font-size: 11px;
    background-repeat: repeat-x;
}
.tranparent
{
    background-color: #000000;
    opacity: 0.5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    padding-left: 10px;
    padding-right: 10px;
}

.header a
{
    font-family: Tahoma, Verdana, Arial;
    color: #000;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
}
.header a:hover
{
    font-family: Tahoma, Verdana, Arial;
    color: #000;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
}
.header-LightGreen-title
{
    background-color: #42C3E8;
    height: 30px;
    padding-left: 10px;
    font-weight: bold;
    color: White;
}

div.bottom
{
    position: absolute;
    bottom: 0;
    background-color: #000000;
    opacity: 0.8;
    font-weight: bold;
    color: #FFF;
    padding: 5px;
}
.UpdateProgress
{
    position: fixed;
    left: 47%;
    top: 47%;
    width: 60px;
    height: 60px;
    text-align: center;
    z-index: 9999;
}

.fontColor
{
    color: #E2E1E7;
}
.header-title
{
    background-color: #d9d9d9;
    height: 30px;
    padding-left: 5px;
    font-weight: bold;
}
.header-green-title
{
    background-color: #336666;
    height: 30px;
    padding-left: 5px;
    font-weight: bold;
    color: White;
}
.header-LightOrgan-title
{
    background-color: #BCD8F8;
    height: 30px;
    font-weight: bold;
}
.border-right-bottom
{
    border-right: 1px solid;
    border-bottom: 1px solid;
}
.border-left-top
{
    border-top: 1px solid;
    border-left: 1px solid;
}
.header-background
{
    background-color: #E2E1E7;
}
#topMenu
{
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #555555;
    text-transform: none;
}

#topMenu a
{
    color: #000000;
    text-decoration: none;
    text-transform: none;
    font-size: 11px;
    font-weight: bold;
}
#topMenu a:hover
{
    font-weight: bold;
    color: #0c69D0;
    text-decoration: none;
    font-size: 11px;
    background-image: url(../images/bg_menu_rollover.jpg);
    background-repeat: repeat-x;
}
#topMenu TD:hover
{
    background-image: url(../images/bg_menu_rollover.jpg);
    background-repeat: repeat-x;
}



#topMenuActive
{
    background-image: url(../images/bgtopmenu_active.gif);
    background-repeat: repeat-x;
}

#topMenuActive a
{
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
.topMenuSub
{
    font-family: Arial, Verdana, Tahoma;
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}
.topMenuSub:hover
{
    font-family: Arial, Verdana, Tahoma;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}


.borderTLRB
{
    border: 1px solid #d6d7d9;
}
.borderRight
{
    border-right: 1px solid #d6d7d9;
}
.borderBottom
{
    border-bottom: 1px solid #d6d7d9;
}

/* ---------- Form  ------------ */
.myform
{
    vertical-align: middle;
    font-family: Tahoma, Arial, Verdana;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    background-color: #FFFFFF;
    list-style-type: circle;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.textarea#styled
{
    width: 600px;
    height: 120px;
    border: 1px solid ##454545;
    padding: 5px;
    font-family: Tahoma, sans-serif;
    color: #999999;
    background-color: #000000;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

.scrollbar
{
    scrollbar-face-color: #454545;
    scrollbar-highlight-color: #454545;
    overflow: auto;
    scrollbar-shadow-color: #454545;
    scrollbar-3dlight-color: #454545;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
    background-color: #000000;
    color: #b3b3b3;
    border: 1px solid #454545;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

.text-color-white
{
    color: White;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
}
.text-color-black
{
    color: Black;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
}
a
{
    font-family: Tahoma, Verdana, Arial;
    color: #4072a4;
    text-decoration: none;
    font-size: 10.5px;
    font-weight: normal;
    line-height: 16px;
}

a:hover
{
    font-family: Tahoma, Verdana, Arial;
    color: #4072a4;
    text-decoration: underline;
}


.text-bold
{
    font-weight: bold;
}
.borderTLRBgray
{
    border: 1px solid #e1e1e5;
}


.borderB
{
    border-bottom-style: solid;
    border-bottom-color: #e1e1e5;
    border-bottom-width: 1px;
}
.time
{
    font-family: Tahoma, Verdana, Arial;
    color: #a3a3a6;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}
.space8
{
    height: 8px;
}

.tooltip
{
    border-bottom: 1px dotted #000000;
    color: #000000;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
}
.tooltip span
{
    margin-left: -999em;
    position: absolute;
}
.tooltip:hover span
{
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute;
    left: 1em;
    top: 2em;
    z-index: 99;
    margin-left: 0;
    width: 250px;
}
.tooltip:hover img
{
    border: 0;
    margin: -10px 0 0 -55px;
    float: left;
    position: absolute;
}
.tooltip:hover em
{
    font-family: Candara, Tahoma, Geneva, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 0.2em 0 0.6em 0;
}
.classic
{
    padding: 0.8em 1em;
}
.custom
{
    padding: 0.5em 0.8em 0.8em 2em;
}
* html a:hover
{
    background: transparent;
}
.classic
{
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}
.critical
{
    background: #FFCCAA;
    border: 1px solid #FF3334;
}
.help
{
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}
.info
{
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}
.warning
{
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}

#tabs {
	    border: 1px solid #DEDEDE;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    /*height: 205px;*/
	    position: relative;
		overflow: hidden;
    }
	.tabs-content {
		padding: 25px;
		height: 120px;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		display: none;
	}
	.tabs {
		overflow: hidden; 
		background: #e1e1e1; 
		background: -moz-linear-gradient(center top , #f2f2f2, #e1e1e1); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e1e1e1)); 
		-moz-border-radius: 4px 4px 0 0; 
		-webkit-border-radius: 4px 4px 0 0; 
		border-radius: 4px 4px 0 0; 
		-webkit-box-shadow: 0 1px 0 #FFF inset; 
		-moz-box-shadow: 0 1px 0 #FFF inset; 
		box-shadow: 0 1px 0 #FFF inset;
	}
	.tabs a {
		display: block; 
		float: left; 
		font: 15px/35px Arial, Helvetica, Sans-serif; 
		padding: 0 20px 0 40px; 
		color: #999; 
		text-shadow: 0 1px 0 #FFF;
		border-left: solid 1px rgba(0,0,0,0.05);
		border-right: solid 1px rgba(255,255,255,0.7);
		position: relative;
		overflow: hidden;
	}
	.tabs a:first-child {
		border-left-width: 0;
	}
	.tabs a:last-child {
		border-right-width: 0;
	}
	.tabs a:after {
		content: '✔';
		position: absolute;
		top: 0;
		left: 10px;
		line-height: 21px;
		font-size: 10px;
		width: 21px; 
		text-align: center; 
		margin: 7px 10px 5px 0; 
		background: #000; 
		font-size: 12px; 
		-moz-border-radius: 21px; 
		-webkit-border-radius: 21px; 
		border-radius: 21px; 
		background: #bdbdbd; 
		background: -moz-linear-gradient(center top , #d4d4d4, #bdbdbd); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(100%,#bdbdbd)); 
		-webkit-box-shadow: 0 1px 0 0 #FFF, 0 1px 0 0 rgba(0,0,0,0.25) inset; 
		-moz-box-shadow: 0 1px 0 0 #FFF, 0 1px 0 0 rgba(0,0,0,0.25) inset; 
		box-shadow: 0 1px 0 0 #FFF, 0 1px 0 0 rgba(0,0,0,0.25) inset; 
		text-shadow: 0 1px 0 #999; 
		color: #ffffff;
	}
	.tabs a:hover {
		background: #FFF;
		border-left-color: #CCC;
	}
	.tabs a:hover:after {
		background: #038bd5; 
		background: -moz-linear-gradient(center top , #2dc3fc, #038bd5); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2dc3fc), color-stop(100%,#038bd5)); 
		text-shadow: 0 1px 0 #096c9e; 
		-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.45), 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 5px 0 rgba(0,148,255,0.85); 
		-moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.45), 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 5px 0 rgba(0,148,255,0.85); 
		box-shadow: 0 1px 0 0 rgba(255,255,255,0.45), 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 5px 0 rgba(0,148,255,0.85)
	}
	.tabs a:hover + .tabs-content {
		display: block;
	}
	.tabs-content:hover {
		display: block;
	}
	.3a
	{
	    color:Blue;
	    font-weight:bold;    
	}
	.1b
	{
	    color:Green;
	}
	.2b
	{
	    color:Red;
	    font-weight:bold;    
	}