* { margin:0; padding:0; }

body {
	font-family:Verdana, Geneva, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;
}

.f10 { font-size:10px !important; line-height:10px; }
.f12 { font-size:12px !important; line-height:12px; }
.f14 { font-size:14px !important; line-height:14px; }
.f16 { font-size:16px !important; line-height:16px; }
.f18 { font-size:18px !important; line-height:18px; }
.f20 { font-size:20px !important; line-height:20px; }
.f24 { font-size:24px !important; line-height:24px; }
.f28 { font-size:28px !important; line-height:28px; }
.f36 { font-size:36px !important; line-height:36px; }


.brdBotGray { border-bottom:1px solid #CCCCCC; }

.nobrd { border: 0px; }

.btn { cursor:pointer; }

.left { text-align:left !important; }
.right { text-align:right !important; }
.center { text-align:center !important; }
.centerTbl {margin:auto; }

img { border-width:0px; }
form { margin: 0; padding: 0; }

.hide { display:none; }


.blu { color:#069 !important; }
.red {color:#F00 !important; }
.gray { color:#999 !important; }
.white { color:#FFF !important; }
.green { color:#060 !important; }
.brd { border:1px solid #000; }
.brdBot { border-bottom:1px solid #000; }
.brdNull { border: 0px !important;}

a.gray { color:#666 !important; }
a.gray:hover { color:#333 !important; }

.bgrLightGreen { background-color:#C8EABB; }
.bgrLightRed { background-color:#FFE8E8; }
.bgrLightYel { background-color:#FFFFC1; }

.brdGreen { border:1px solid #060; }
.brdRed { border:1px solid #F00; }
.brdYel { border:1px solid #F90; }

.brdTopRed {border-top:1px solid #F00; }

.sep { clear:both; }

.fleft{
    float: left;
}

.fright{
    float: right;
}
.fcenter{
    margin-left: auto;
    margin-right: auto;
}


a {
    color: #0073ea;
}

a:hover {
    color: #F00;
}


.kol2 {width: 50%; float: left;}
.kol3 {width: 33%; float: left;}
.kol4 {width: 25%; float: left;}
.kol3-2 {width: 66%; float: left;}

.hide {
    display: none;
}

.brdTopRed {border-top:1px solid #F00; }


.sep { clear: both; font-size:0; }



.alertMessage, #alertMessage
{
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-size: 40px 40px;
	background-image: -webkit-gradient(linear, left top, right bottom,
								color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
								color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
								color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
								to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
	font-size:13px;
	text-transform:capitalize;
/*	font-weight:bold;*/
	border: 1px solid!important;
	color: #fff;
	padding: 15px;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	-webkit-animation: animate-bg 5s linear infinite;
	-moz-animation: animate-bg 5s linear infinite;
	margin-bottom: 10px;
}
#alertMessage{
	position:fixed;
	/*	display:none;
	position: absolute;
	opacity:0;
	filter:alpha(opacity=0);*/
        text-transform: none;
	right: -90px;
	top: 15px;
	z-index:1000001;
	cursor:pointer;
	border: 1px solid;
	display: none;
	}

.alertMessage.info ,#alertMessage.info 
{
	border-color: #3b8eb5!important;
	background-color:#C2E3F0!important;
	color:#34667A!important;
	text-shadow:1px 1px 1px #C8EBFB;
}

.alertMessage.error ,#alertMessage.error
{
	border-color: #c43d3d!important;
	background-color:#fc4a48;
	color:#5A0000 !important;
	text-shadow:1px 1px 1px #E64040;
}
.alertMessage.warning ,#alertMessage.warning 		 
{
		 border-color: #d99a36 !important;
	background-color:#fcdb72;
	color:#987402 !important;
	text-shadow:1px 1px 1px #e7b104;
}
.alertMessage.success ,#alertMessage.success 
{
		 background-color: #61b832;
		 border-color: #55a12c !important;
/*	color:#324e03 !important;*/
	text-shadow:1px 1px 1px #5c9201;
}

.alertMessage h3
{
		 margin: 0  !important;
		 border:none;
		line-height: 25px !important;
		color:#FFF;
}

#overlay {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#111;
	/*	opacity:0.1;
	filter:alpha(opacity=10);*/
	z-index:1000;
	display: none;
}

#preloader {
	background: #000000 url(/img/preloader.gif) no-repeat 12px 10px;
	font-size: 11px;
	height: 20px;
	left: 50%;
	line-height: 20px;
	margin: -20px 0 0 -45px;
	padding: 10px;
	position: fixed;
	text-align: left;
	text-indent: 36px;
	top: 50%;
	width: 90px;
	z-index: 1209;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #FFF;
	text-shadow:none;
	display: none;
}

.modal_inline {
     position: relative; top: auto; left: auto; right: auto; margin: 0 auto 20px; z-index: 1; max-width: 100%;
}

.forms .lbl {
    width: 39%;
    margin-right: 5px;
    margin-top: 3px;
    float: left;
    text-align: right;
}

.forms .fld {
    width: 59%;
    float: left;
    position: relative;
}

.forms .fld input[type=text], .forms .fld input[type=password], .forms textarea,
.forms .fld select
{
    width: 99%;
}

.forms .fld .badge {
    position: absolute;
    top: 6px;
    right: -15px;
}

.forms fieldset, #getRec fieldset{
    border: 1px solid;
    padding: 5px;
}

.forms fieldset legend, #getRec fieldset legend {
    font-size: 12px;
    line-height: 12px;
    margin: 0px 5px 0px 5px;
    padding: 0px 5px 0px 5px;
    width: auto;
}

.forms select {
    margin-bottom: 0px;
}

.forms input {
    margin: 0px;
}

.forms label {
    display: inline;
} 

/*
#pageload {
	background: #000000;
	font-size: 11px;
	height: 20px;
	left: 50%;
	line-height: 20px;
	margin: -20px 0 0 -55px;
	padding: 10px;
	position: fixed;
	text-align: center;
	top: 50%;
	width: 120px;
	z-index: 1006;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	color: #FFF;
	text-shadow:none;
	display: none;
}
*/