body {
    width: 100%;
	margin: 0  auto;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
        color: white;
//	color: skyblue;//#333333;
//	background: #eaeff4 url(../img/blue.jpg) repeat-x;
	background: #eaeff4 url(../img/blue.jpg) repeat;
//	background: #eaeff4;
}

a:link, a:visited { color: #999; text-decoration: none; font-weight: none; } 
//a:active, a:hover { color: #fff; text-decoration: none; } 


p { margin: 0px; padding: 0px; text-align: justify; }

img { margin: 0px; padding: 0px; border: none; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

.margin_right_25 { margin-right: 25px; }
.margin_right_60 { margin-right: 60px; }

.border_bottom {
	border-bottom: 1px solid #999;
}
.content_Custom_header_01 {
	font-size: 22px;
	color: #4895c8;
	padding-bottom: 10px;
	margin-bottom: 20px;
/*        background: url(../img/icons/horizontal_divider_01.jpg) bottom repeat-x;*/
}

.search_filter{
    position:relative;
    bottom:0;
    float:right;
    left:0;
    width:160px;
    height:20px;
    line-height:20px;
    text-indent:1px;
}

p {
    margin:0;
    padding:0;
}
.tabs-menu {
    height: 30px;
    float: left;
    clear: both;
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    /* IE 9 */
    -webkit-transform:rotate(0deg);
    /* Safari and Chrome */
    margin-top: 80px;
    margin-right: -68px;
    margin-left: -68px;
}
.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 0px;
    background-color: #fff;
    border: 1px solid #9CCD6C;
    list-style: None;
}
.tabs-menu li.current {
    position: relative;
    background-color: #9CCD6C;
    border-bottom: 1px solid #9CCD6C;
    z-index: 5;
}
.tabs-menu li a {
    padding: 10px;
    text-transform: uppercase;
    color: #9CCD6C;
    text-decoration: none;
}
.tabs-menu .current a {
    color: #fff;
}
.tab {
    border: 1px solid #9CCD6C;
    background-color: #fff;
    float: left;
    margin-bottom: auto;
    width: auto;
}
.tab-content {
    width: 400px;
    padding: 20px;
    display: none;
}
#tab-1 {
    display: block;
}

.dInputs{
 float: right;
 width:50px;
    border-radius: 5px;
}

.dInputsPD{
 float: right;
 width:150px;
     border-radius: 5px;

}
 /* Button 4 with curved edges, shadows and linear gradient */
.button1{
    width:230px;
    height: 60px;
    font-size:20px;
    background:#0D9ACF;
    
    color: #fff ;//white;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    -o-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;

    box-shadow:-7px -7px 5px #000;
    -moz-box-shadow:-7px -7px 5px #000;
    -o-box-shadow:-7px -7px 5px #000;
    -webkit-box-shadow:-7px -7px 5px #000;

    background-image:-webkit-linear-gradient(right,#000,#00FFFF);
    background-image:-o-linear-gradient(right,#000,#00FFFF);
    background-image:-moz-linear-gradient(right,#333,#00ff00);//eade00);
    background-image:-ms-linear-gradient(right,#000,#00FFFF);
}
.button2{
    width:230px;
    height: 60px;
    font-size:20px;
    background:#0D9ACF;
    
    color: #fff ;//white;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    -o-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;

    box-shadow:-7px -7px 5px #000;
    -moz-box-shadow:-7px -7px 5px #000;
    -o-box-shadow:-7px -7px 5px #000;
    -webkit-box-shadow:-7px -7px 5px #000;

    background-image:-webkit-linear-gradient(right,#000,#00FFFF);
    background-image:-o-linear-gradient(right,#000,#00FFFF);
    background-image:-moz-linear-gradient(right,#333,#ff8000);//eade00);
    background-image:-ms-linear-gradient(right,#000,#00FFFF);
}
.button3{
    width:230px;
    height: 60px;
    font-size:20px;
    background:#0D9ACF;
    
    color: #fff ;//white;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    -o-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;

    box-shadow:-7px -7px 5px #000;
    -moz-box-shadow:-7px -7px 5px #000;
    -o-box-shadow:-7px -7px 5px #000;
    -webkit-box-shadow:-7px -7px 5px #000;

    background-image:-webkit-linear-gradient(right,#000,#00FFFF);
    background-image:-o-linear-gradient(right,#000,#00FFFF);
    background-image:-moz-linear-gradient(right,#333,#ff0000);//eade00);
    background-image:-ms-linear-gradient(right,#000,#00FFFF);
}
.button4{
    width:230px;
    height: 60px;
    font-size:20px;
    background:#0D9ACF;
    
    color: #fff ;//white;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    -o-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;

    box-shadow:-7px -7px 5px #000;
    -moz-box-shadow:-7px -7px 5px #000;
    -o-box-shadow:-7px -7px 5px #000;
    -webkit-box-shadow:-7px -7px 5px #000;

    background-image:-webkit-linear-gradient(right,#000,#00FFFF);
    background-image:-o-linear-gradient(right,#000,#00FFFF);
    background-image:-moz-linear-gradient(right,#333,#ff00ff);//eade00);
    background-image:-ms-linear-gradient(right,#000,#00FFFF);
}
.button5{
    width:230px;
    height: 60px;
    font-size:20px;
    background:#0D9ACF;
    
    color: #fff ;//white;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    -o-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;

    box-shadow:-7px -7px 5px #000;
    -moz-box-shadow:-7px -7px 5px #000;
    -o-box-shadow:-7px -7px 5px #000;
    -webkit-box-shadow:-7px -7px 5px #000;

    background-image:-webkit-linear-gradient(right,#000,#00FFFF);
    background-image:-o-linear-gradient(right,#000,#00FFFF);
    background-image:-moz-linear-gradient(right,#333,#00ffff);//eade00);
    background-image:-ms-linear-gradient(right,#000,#00FFFF);
}
.button6{
    width:230px;
    height: 60px;
    font-size:20px;
    background:#0D9ACF;
    
    color: #fff ;//white;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    -o-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;

    box-shadow:-7px -7px 5px #000;
    -moz-box-shadow:-7px -7px 5px #000;
    -o-box-shadow:-7px -7px 5px #000;
    -webkit-box-shadow:-7px -7px 5px #000;

    background-image:-webkit-linear-gradient(right,#000,#00FFFF);
    background-image:-o-linear-gradient(right,#000,#00FFFF);
    background-image:-moz-linear-gradient(right,#333,#ffff00);//eade00);
    background-image:-ms-linear-gradient(right,#000,#00FFFF);
}
.buttonkk{
    width:130px;
    height: 30px;
    font-size:15px;
    background:#0D9ACF;
    
    color: #fff ;//white;
    border-radius:5px 5px 5px 5px;
    -moz-border-radius:15px 15px 15px 15px;
    -o-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;

    box-shadow:-5px -5px 5px #000;
    -moz-box-shadow:-5px -5px 5px #000;
    -o-box-shadow:-5px -5px 5px #000;
    -webkit-box-shadow:-5px -5px 5px #000;

    background-image:-webkit-linear-gradient(right,#000,#00FFFF);
    background-image:-o-linear-gradient(right,#000,#00FFFF);
    background-image:-moz-linear-gradient(right,#000,#eaeff4);
    background-image:-ms-linear-gradient(right,#000,#00FFFF);
}

input.button-add {
    background-image: url(../icons/darkbluebutton1.png); /* 16px x 16px */
    background-size: 120px 64px;
    background-color: #eaeff4;//transparent; /* make the button transparent */
    border-radius: 24px;
    border:none;
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
   // border: 1px solid;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 64px;           /* make this the size of your image */
    width: 120px;
    padding-left: 0px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    padding-bottom: 12px;
    color:white;
}
.InTextArea{
    resize: none;
    overflow:auto;
    border-radius: 5px;
}



#GroupGeneral{
//padding: 0px; 
border-radius: 1px;
box-shadow: #666px 2px 10px 2px;
background:  #004591;
}


#hotspot{
    color: #fff;
}
#hotspot2{
    color: #fff;
}
#hotspot3{
    color: #fff;
}
#hotspot4{
    color: #fff;
}
#hotspot5{
    color: #fff;
}
#hotspot6{
    color: #fff;
}
#hotspot7{
    color: #fff;
}
#hotspot8{
    color: #fff;
}

.MANch1{
        border-radius: 10px;
        border: 1px solid #fff;
        border-collapse: separate;
        border-left: 0;
        border-spacing: 0px;
        box-shadow: #666 2px 2px 10px;
        width:100%;
        height:100px;
}
.MANch1 td, th {
  border-left: solid 1px #666;    
} 
.MANch1 tr {
  border-bottom: solid 1px #006;
  border-top: solid 1px #006;
} 
.MANch1 th:first-child {
        border-radius: 10px 0 0 0;
    }
.MANch1 th:last-child {
        border-radius: 0 10px 0 0;
    }
.MANch1 tr:last-child td:first-child{
        border-radius: 0 0 0 10px;
    }
.MANch1 tr:last-child td:last-child {
        border-radius: 0 0 10px 0;
    }
.MANch1 th {
        /*background-color: #4895c8;*/
        color:#000;
    }
.MANch1 tr:nth-child(odd) {
/*        background-color: #def;*/
    }
.MANch1 tr:nth-child(even) {
/*    background-color: #fff;*/
    }        
.MANch1 tr:first-child td:first-child{
/*        background-color: rgba(255,128,64,1);*/
    }    
.MANch1 tr:first-child td:last-child{
/*        background-color: rgba(255,128,64,1);*/
    }  
    
    #ch1{
        border-radius: 10px;
        border: 0px solid #fff;
        border-collapse: separate;
        border-left: 0;
        border-spacing: 0px;
        box-shadow: #666 2px 2px 10px;
    }
    #ch1 th:first-child {
        border-radius: 10px 0 0 0;
    }
    #ch1 th:last-child {
        border-radius: 0 10px 0 0;
    }
    #ch1 tr:last-child td:first-child{
        border-radius: 0 0 0 10px;
    }
    #ch1 tr:last-child td:last-child {
        border-radius: 0 0 10px 0;
    }
    #ch1 th {
        background-color: #4895c8;
        color:#ffffff;
    }
    #ch1 tr:nth-child(odd) {
        background-color: #def;
    }
    #ch1 tr:nth-child(even) {
    background-color: #fff;
    }        
    #ch1 tr:first-child td:first-child{
        background-color: rgba(255,128,64,1);
    }    
    #ch1 tr:first-child td:last-child{
        background-color: rgba(255,128,64,1);
    }  
/* the first table */
#ch2{
        border-radius: 10px;
        border: 0px solid #fff;
        border-collapse: separate;
        border-left: 0;
        border-spacing: 0px;
        box-shadow: #666 2px 2px 10px;
    }
#ch2 th:first-child {
        border-radius: 10px 0 0 0;
    }
#ch2 th:last-child {
        border-radius: 0 10px 0 0;
    }
#ch2 tr:last-child td:first-child{
        border-radius: 0 0 0 10px;
    }
#ch2 tr:last-child td:last-child {
        border-radius: 0 0 10px 0;
    }
#ch2 th {
        background-color: #4895c8;
        color:#ffffff;
    }
#ch2 tr:nth-child(odd) {
        background-color: #def;
    }
#ch2 tr:nth-child(even) {
    background-color: #fff;
    }        
#ch2 tr:first-child td:first-child{
        background-color: rgba(255,128,64,1);
    }    
#ch2 tr:first-child td:last-child{
        background-color: rgba(255,128,64,1);
    }  

/* the first table */
#ch3{
        border-radius: 10px;
        border: 0px solid #fff;
        border-collapse: separate;
        border-left: 0;
        border-spacing: 0px;
        box-shadow: #666 2px 2px 10px;
    }
#ch3 th:first-child {
        border-radius: 10px 0 0 0;
    }
#ch3 th:last-child {
        border-radius: 0 10px 0 0;
    }
#ch3 tr:last-child td:first-child{
        border-radius: 0 0 0 10px;
    }
#ch3 tr:last-child td:last-child {
        border-radius: 0 0 10px 0;
    }
#ch3 th {
        background-color: #4895c8;
        color:#ffffff;
    }
#ch3 tr:nth-child(odd) {
        background-color: #def;
    }
#ch3 tr:nth-child(even) {
    background-color: #fff;
    }        
#ch3 tr:first-child td:first-child{
        background-color: rgba(255,128,64,1);
    }    
#ch3 tr:first-child td:last-child{
        background-color: rgba(255,128,64,1);
    }  
    
/* the 3 table */
#ch4{
        border-radius: 10px;
        border: 0px solid #fff;
        border-collapse: separate;
        border-left: 0;
        border-spacing: 0px;
        box-shadow: #666 2px 2px 10px;
    }
#ch4 th:first-child {
        border-radius: 10px 0 0 0;
    }
#ch4 th:last-child {
        border-radius: 0 10px 0 0;
    }
#ch4 tr:last-child td:first-child{
        border-radius: 0 0 0 10px;
    }
#ch4 tr:last-child td:last-child {
        border-radius: 0 0 10px 0;
    }
#ch4 th {
        background-color: #4895c8;
        color:#ffffff;
    }
#ch4 tr:nth-child(odd) {
        background-color: #def;
    }
#ch4 tr:nth-child(even) {
    background-color: #fff;
    }        
#ch4 tr:first-child td:first-child{
        background-color: rgba(255,128,64,1);
    }    
#ch4 tr:first-child td:last-child{
        background-color: rgba(255,128,64,1);
    }  
/* the first table */
#ch5{
        border-radius: 10px;
        border: 0px solid #fff;
        border-collapse: separate;
        border-left: 0;
        border-spacing: 0px;
        box-shadow: #666 2px 2px 10px;
    }
#ch5 th:first-child {
        border-radius: 10px 0 0 0;
    }
#ch5 th:last-child {
        border-radius: 0 10px 0 0;
    }
#ch5 tr:last-child td:first-child{
        border-radius: 0 0 0 10px;
    }
#ch5 tr:last-child td:last-child {
        border-radius: 0 0 10px 0;
    }
#ch5 th {
        background-color: #4895c8;
        color:#ffffff;
    }
#ch5 tr:nth-child(odd) {
        background-color: #def;
    }
#ch5 tr:nth-child(even) {
    background-color: #fff;
    }        
#ch5 tr:first-child td:first-child{
        background-color: rgba(255,128,64,1);
    }    
#ch5 tr:first-child td:last-child{
        background-color: rgba(255,128,64,1);
    }  
/* the first table */
#ch6{
        border-radius: 10px;
        border: 0px solid #fff;
        border-collapse: separate;
        border-left: 0;
        border-spacing: 0px;
        box-shadow: #666 2px 2px 10px;
    }
#ch6 th:first-child {
        border-radius: 10px 0 0 0;
    }
#ch6 th:last-child {
        border-radius: 0 10px 0 0;
    }
#ch6 tr:last-child td:first-child{
        border-radius: 0 0 0 10px;
    }
#ch6 tr:last-child td:last-child {
        border-radius: 0 0 10px 0;
    }
#ch6 th {
        background-color: #4895c8;
        color:#ffffff;
    }
#ch6 tr:nth-child(odd) {
        background-color: #def;
    }
#ch6 tr:nth-child(even) {
    background-color: #fff;
    }        
#ch6 tr:first-child td:first-child{
        background-color: rgba(255,128,64,1);
    }    
#ch6 tr:first-child td:last-child{
        background-color: rgba(255,128,64,1);
    }  
/* the first table */
#ch7{
        border-radius: 10px;
        border: 0px solid #fff;
        border-collapse: separate;
        border-left: 0;
        border-spacing: 0px;
        box-shadow: #666 2px 2px 10px;
    }
#ch7 th:first-child {
        border-radius: 10px 0 0 0;
    }
#ch7 th:last-child {
        border-radius: 0 10px 0 0;
    }
#ch7 tr:last-child td:first-child{
        border-radius: 0 0 0 10px;
    }
#ch7 tr:last-child td:last-child {
        border-radius: 0 0 10px 0;
    }
#ch7 th {
        background-color: #4895c8;
        color:#ffffff;
    }
#ch7 tr:nth-child(odd) {
        background-color: #def;
    }
#ch7 tr:nth-child(even) {
    background-color: #fff;
    }        
#ch7 tr:first-child td:first-child{
        background-color: rgba(255,128,64,1);
    }    
#ch7 tr:first-child td:last-child{
        background-color: rgba(255,128,64,1);
    }  
/* the first table */
#ch8{
        border-radius: 10px;
        border: 0px solid #fff;
        border-collapse: separate;
        border-left: 0;
        border-spacing: 0px;
        box-shadow: #666 2px 2px 10px;
    }
#ch8 th:first-child {
        border-radius: 10px 0 0 0;
    }
#ch8 th:last-child {
        border-radius: 0 10px 0 0;
    }
#ch8 tr:last-child td:first-child{
        border-radius: 0 0 0 10px;
    }
#ch8 tr:last-child td:last-child {
        border-radius: 0 0 10px 0;
    }
#ch8 th {
        background-color: #4895c8;
        color:#ffffff;
    }
#ch8 tr:nth-child(odd) {
        background-color: #def;
    }
#ch8 tr:nth-child(even) {
    background-color: #fff;
    }        
#ch8 tr:first-child td:first-child{
        background-color: rgba(255,128,64,1);
    }    
#ch8 tr:first-child td:last-child{
        background-color: rgba(255,128,64,1);
    }  
#ClearTag {
	//float: right;
	width: 80px;
 	height: 20px;

	padding-bottom:0px;

        margin: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	//white-space: pre;
	background: url(../img/icons/button_01.png)   no-repeat;
	color: #ffffff;
	border: none;
        border-top-left-radius: 8px;                    
        border-top-right-radius: 8px;                    
        border-bottom-left-radius: 8px;                    
        border-bottom-right-radius: 8px;    
/*        behavior: url(PIE.htc);        */
}
    
#DrawReportButton {
	float: right;
	width: 106px;
 	height: 36px;
/*	padding: 0;*/
	padding-bottom: 5px;

        margin: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	background: url(../img/icons/button_01.png)   no-repeat; 
	color: #ffffff;
	border: none;
        border-top-left-radius: 8px;                    
        border-top-right-radius: 8px;                    
        border-bottom-left-radius: 8px;                    
        border-bottom-right-radius: 8px;    
/*        behavior: url(PIE.htc);        */
}
#DrawReportButton1 {
	float: left;
	width: 115px;
 	height: 31px;
/*	padding: 0;*/
	padding-bottom: 0px;

        margin: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	background: url(../img/icons/upload4.png)   no-repeat; 
	color: #ffffff;
	border: none;
        border-top-left-radius: 8px;                    
        border-top-right-radius: 8px;                    
        border-bottom-left-radius: 8px;                    
        border-bottom-right-radius: 8px;    
/*        behavior: url(PIE.htc);        */
}
#TemplateButton {
	float: right;
	width: 115px;
 	height: 31px;
	padding-bottom: 0px;

        margin: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	/*white-space: pre;*/
	background: url(../img/icons/downloadNew2.png) no-repeat; 
	color: #ffffff;
	border: none;
        border-top-left-radius: 8px;                    
        border-top-right-radius: 8px;                    
        border-bottom-left-radius: 8px;                    
        border-bottom-right-radius: 8px;    
/*        behavior: url(PIE.htc);        */
}


.rc_btn_01 a {
	clear: both;
	float: left;
	padding-left: 30px;
	display: block;
	width: 200px;
	font-size: 12px;
	background: url(../img/icons/icon_01.png) no-repeat;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.rc_btn_02 a {
	clear: both;
	display: block;
	float: right;
	text-align: center;
	width: 106px;
	height: 28px;
	padding-top: 8px;
	background: url(../img/icons/button_01.png) no-repeat;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

/* header */
#header_wrapper {
	width: 100%;
	height: 320px;
	margin: 0 auto;
	background: url(../img/icons/topbg.gif) repeat-x;
}

#header {
	width: 1190px;
	height: 119px;
	margin: 0 auto;
/*	background: url(../img/icons/header1.gif)  no-repeat;*/
}

#header #site_title_section {
	float: left;
	width: 300px;	
	margin-left: 30px;
	text-align: center;
}

#site_title_section #site_title {
	margin-top: 30px;
	padding: 10px 0;
	font-size: 30px; 
	color: #4379ab;
	font-weight: bold;
}

#site_title_section #salogon {
	font-size: 14px;
	margin-left: 20px;
	color: #333333;
}

#header #search_section {
	float: right;
	margin-top: 40px;
	margin-right: 20px;
}

#search_section form {
	margin: 0px;
	padding: 0px;
}

#searchfield {
	height: 20px;
	width: 200px;
	padding: 5px;
	color: #000;
	font-size: 13px;
	font-variant: normal;
	line-height: normal;
	background: #86d8ff;
	border: 1px solid #ffffff;	
}

#searchbutton {
	float: right;
	width: 106px;
 	height: 36px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	background: url(../img/icons/search_button.png) no-repeat; 
	color: #ffffff;
	border: none;    
}
/* end of header */

/* banner */
#banner_wrapper {
	clear: both;
	width: 100%;
	height: 29px;
	margin: 0 auto;
	background: url(../img/icons/new_TopBanner.png) repeat-x;
}

#banner {
	width: 1190px;
	height: 260px;
	margin: 0 auto;
	padding: 0 50px;
	background: url(../img/icons/banner_bg_01.jpg) no-repeat;
}

#banner_header_01 {
	padding: 65px 0 15px 0;
	font-size: 50px;
	font-weight: bold;
	color: #ffffff;
}

#banner_header_02 {
	margin-left:10px;
	margin-bottom: 20px;	
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
}

#banner_text {
	color: #999;
	width: 500px;
	margin-left: 10px;
	font-size: 14px;
}

#banner_text p {
	margin-bottom: 20px;
}
/* end of banner */

/* menu */
#menu_wrapper {
	clear: both;
	width: 100%;
	height: 50px;
	margin: 10 auto;
	background: url(../img/icons/menu_bg.jpg) repeat-x;
}

#menu {
	clear: both;
	width: 1190px;
	height: 50px;
	margin: 0 auto;
}

#menu ul {
	float: left;
	margin: 0px;
	padding: 0 0 0 0px;
	list-style: none;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	position: relative;
	float: left;
	display: block;
	height: 30px;
	width: 120px;
	padding-top: 20px;
	margin-right:10px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/icons/menu_button.jpg) bottom right no-repeat;
	color: #333333;	
	outline: none;
}

#menu ul li a span {
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 50px;
	bottom: 0px;
	left: 0px;
	background: url(../img/icons/menu_button_left.jpg) left bottom no-repeat;
}

#menu li a:hover, #menu li .current {
	color: #ffffff;
	height: 35px;
	padding-top: 15px;
	background: url(../img/icons/menu_button_hover.jpg) bottom right no-repeat;
}

#menu li a:hover span, #menu li .current span	{
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 50px;
	bottom: 0px;
	left: 0px;
	background: url(../img/icons/menu_button_hover_left.jpg) bottom right no-repeat;	
}
/* end of menu*/

/* content */
#content_wrapper {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background: #eaeff4;
}

#content {
	width: 1190px;
	margin: 0 auto;
	padding: 40px 20px;
}

#content #content_left {
	float: left;
	width: 250px;
	margin: 0 40px 0 0;
	padding:  0 39px 0 0;
	/*border-right: 1px solid #999;*/
}

#content #content_right {
	position: relative;
	width: 800px;
	margin: 0px;
        float: left;
/*        overflow: hidden;*/
/*	background: url(../img/icons/content_top.jpg) top repeat-x;*/
}

.content_header_01 {
	font-size: 22px;
	color: #4895c8;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: url(../img/icons/horizontal_divider_01.jpg) bottom repeat-x;	
}

.content_header_02 {
	font-size: 22px;
	color: #4895c8;
	padding-bottom: 10px;
	background: url(../img/icons/horizontal_divider_01.jpg) bottom repeat-x;	
}

#content_left .content_left_section {
	clear: both;
}

.news_section {
	border-left: 10px solid #999;
	padding-left: 10px;
}

.content_left_section p {
	text-align: justify;
}

.news_date {
	font-size: 12px;
	font-weight: bold;
	color: #4895c8;
}

.news_title {
	font-size: 12px;
	font-weight: bold;
	color: #fbb239;
}

.content_left_section form {
	padding: 0px;
	margin: 10px 0 0px 0;
}

.content_left_section #search_field {
	padding: 5px 0 0 0;
	height: 20px;
	width: 255px;
	margin-bottom: 10px;
}

.content_left_section #subscribe_button {
/*	float: right;*/
	width: 80px;
 	height: 36px;
/*	padding: 0;*/
	padding-bottom : 5px;
	margin: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	background: url(../img/icons/button_01.png) no-repeat; 
	color: #ffffff;
	border: none;
        border-top-left-radius: 12px;                    
        border-top-right-radius: 12px;                    
        border-bottom-left-radius: 12px;                    
        border-bottom-right-radius: 12px;      
                behavior: url(PIE.htc);
        
}

#content_right .content_right_section {
	clear: both
}

.content_right_section p {
	text-align: justify;
	padding-bottom: 10px;
}

#content_right .content_right_280_section {
	float: left;
	width: 880px;
}

.content_right_280_section .image_wrapper {
	background: #333;
	padding: 9px;
	margin-bottom: 10px;
}

.content_right_280_section .image_wrapper img {
	border: 1px solid #ffffff;
}

.content_right_280_section ul {
	margin: 10px 0 0 0;
	padding: 0px;
}

.content_right_280_section ul li {
	border-left: 5px solid #999;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	list-style:none;
}

.content_right_w620_wrapper {
	border: 1px solid #000;
}

.content_right_w620_inner {
	padding: 30px 28px;
	color: #ffffff;
	background: #333;
	border: 1px solid #666;
}

.content_right_w620_inner .image_wrapper {
	border: 1px solid #ffffff;
	background: #cccccc;
	padding: 4px;
	margin-bottom: 5px;
}

.image_wrapper img {
	border: none;
}

.box_w170 {
	float: left;
	width: 170px;
}
/* end of content right */

/* footer */
#footer_wrapper {
	clear: both;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	background: url(../img/icons/footer.jpg) repeat-x;
}

#footer {
	width: 980px;
	padding: 30px 0;
	margin: 0 auto;
	text-align: center;
	color: #CCC;
	background: url(../img/icons/footer.jpg) repeat-x;
}

#footer a {
	color: #FFF;
	font-weight: bold;
}
/* end of footer */
/*********************
		Tables
*********************/
/*td, th{
	border:1px solid #f7f6f0;
	padding: 2px;
} 
thead{
	background:#f7f6f0;
	font-weight: bold;
	font-size: 12px;
}
table{
	margin:5px;
	border-collapse: collapse;
	table-layout:automatic;
	width:98%;
}*/

#box{
	border:1px solid #f7f6f0;
}
#box h3{
/*	background:#f7f6f0;*/
        background:#3baae3;
	border-bottom:1px solid #d9e6f0;
	color:#000;
	padding:5px;
	font-size:14px;
                    border-top-left-radius: 6px;                    
                    border-top-right-radius: 6px;                    
                    border-bottom-left-radius: 6px;                    
                    border-bottom-right-radius: 6px;                    
                            behavior: url(PIE.htc);
}
/* this is my stuff here*/
#dataentry{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
                    border-top-left-radius: 6px;                    
                    border-top-right-radius: 6px;                    
                    border-bottom-left-radius: 6px;                    
                    border-bottom-right-radius: 6px;  
                            behavior: url(PIE.htc);
                         
    
}
#dataentry1{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
                    border-top-left-radius: 6px;                    
                    border-top-right-radius: 6px;                    
                    border-bottom-left-radius: 6px;                    
                    border-bottom-right-radius: 6px;  
    
}

#subdataentry{
    background:#3baae3;
    width: 90%;
    height:30px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
                    border-top-left-radius: 6px;                    
                    border-top-right-radius: 6px;                    
                    border-bottom-left-radius: 6px;                    
                    border-bottom-right-radius: 6px;  
                            behavior: url(PIE.htc);
    
}
.MYin{
    float: right;
    padding-left: 0px;
                    border-top-left-radius: 5px;                    
                    border-top-right-radius: 5px;                    
                    border-bottom-left-radius: 5px;                    
                    border-bottom-right-radius: 5px;                    
}

.MYSel{
    float: right;
    padding-left: 0px;
    width:145px;
                    border-top-left-radius: 5px;                    
                    border-top-right-radius: 5px;                    
                    border-bottom-left-radius: 5px;                    
                    border-bottom-right-radius: 5px;                    
}
.search_filter{
                    border-top-left-radius: 5px;                    
                    border-top-right-radius: 5px;                    
                    border-bottom-left-radius: 5px;                    
                    border-bottom-right-radius: 5px;                    
}
#labelcss{
    padding-left: 0px;
    padding-right: 0px;
    font-size:10.5px;
    font-weight:bold;
}
#labelcss1{
    float:right;
    padding-left: 0px;
    padding-right: 0px;
    font-size:100.5px;
    font-weight:bold;
}
#labelcss2{
    padding-left: 0px;
    padding-right: 0px;
    font-size:10.5px;
    font-weight:bold;
}
#labelcss3{
    padding-left: 0px;
    padding-right: 0px;
    font-size:10.5px;
    font-weight:bold;
}#labelcss4{
    padding-left: 0px;
    padding-right: 0px;
    font-size:10.5px;
    font-weight:bold;
}#labelcss5{
    padding-left: 0px;
    padding-right: 0px;
    font-size:10.5px;
    font-weight:bold;
}
#labelChl{
    padding-left: 25%;
    padding-right: 0px;
	font-size:12.5px;
	font-weight:bold;
}
#channel_filter{
    width:60px;
    
                    border-top-left-radius: 5px;                    
                    border-top-right-radius: 5px;                    
                    border-bottom-left-radius: 5px;                    
                    border-bottom-right-radius: 5px;                    
}

#out1{
    padding-left:10px; 
    padding-right:10px; 
    background: #bbeeff;
                            border-top-left-radius: 6px;                    
                            border-top-right-radius: 6px;                    
                            border-bottom-left-radius: 6px;                    
                            border-bottom-right-radius: 6px;
}
#out2{
    padding-left:10px; 
                            padding-right:10px; 
                            background: #3baae3;
                            border-top-left-radius: 6px;                    
                            border-top-right-radius: 6px;                    
                            border-bottom-left-radius: 6px;                    
                            border-bottom-right-radius: 6px;
}

#menu_block{
    width: auto;
           border-left: solid; 
           border-bottom: solid; 
           border-left: solid; 
           border-right: solid;
           border-color: #ffffff;
           border-width: 0.01px;
    
    padding-left: 15px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: Tahoma;
    font-size: 14pt;
    border-top-left-radius: 5px;                    
    border-top-right-radius: 5px;                    
    border-bottom-left-radius: 5px;                    
    border-bottom-right-radius: 5px;                    
    background: #eaeff4 url(../img/icons/mnubg.gif) repeat-x;
    color: #999;
    
}
#menu_block:hover{
	color: #ffffff;
/*	height: 35px;*/
	padding-top: 0px;
       background: #eaeff4 url(../img/icons/activeMenu.bmp) repeat-x;
}

#menu_head{
 height: 65px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 font-family: Tahoma;
 font-size: 15pt;
                     border-top-left-radius: 5px;                    
                    border-top-right-radius: 5px;                    
                    border-bottom-left-radius: 5px;                    
                    border-bottom-right-radius: 5px;                    
    background: #eeefgheee; /*url(../img/icons/Topbg.gif) repeat-x;*/
    color: #ccc;

}
#tophead{
    padding-top:9px; 
    padding-bottom: 0px; 
    padding-left:160px; 
    padding-right:0px; 
    background: url(../img/icons/Topbg.gif) repeat-x;
    width:100%;
    height:175px;
}

#tophead11{
    padding-top:0px; 
    padding-bottom: 0px; 
    padding-left:420px; 
    padding-right:0px;
    background: url(../img/icons/header1.gif) no-repeat;
    width:346px;
    height:129px;
}
#tophead12{
    padding-top:0px; 
    padding-bottom: 0px; 
    padding-left:300px; 
    padding-right:0px;
    background: url(../img/icons/partner.png) no-repeat;
    width:346px;
    height:129px;
}
#tophead13{
    padding-top:0px; 
    padding-bottom: 0px; 
    padding-left:0px; 
    padding-right:0px;
    background: url(../img/icons/acei.png) no-repeat;
    width:346px;
    height:129px;
}
#DashboardD{
    background-color:#004591; 
    color:#fff; 
    font-size:20px;
    border-top-left-radius: 6px;                    
    border-top-right-radius: 6px;                    
    border-bottom-left-radius: 6px;                    
    border-bottom-right-radius: 6px;                                         
    align: center;
}
#DashboardH{
    background-color:#4895c8; 
    color:#fff; 
    font-size:20px;
    border-top-left-radius: 6px;                    
    border-top-right-radius: 6px;                    
    border-bottom-left-radius: 6px;                    
    border-bottom-right-radius: 6px;                                         
    align: center;
}
#DashboardH2{
    background-color:#4895c8; 
    color:#fff; 
    font-size:20px;
    border-top-left-radius: 6px;                    
    border-top-right-radius: 6px;                    
    border-bottom-left-radius: 6px;                    
    border-bottom-right-radius: 6px;                                         
    align: center;
}
#DashboardH3{
    background-color:#4895c8; 
    color:#fff; 
    font-size:20px;
    border-top-left-radius: 6px;                    
    border-top-right-radius: 6px;                    
    border-bottom-left-radius: 6px;                    
    border-bottom-right-radius: 6px;                                         
    align: center;
}
#DashboardH4{
    background-color:#4895c8; 
    color:#fff; 
    font-size:20px;
    border-top-left-radius: 6px;                    
    border-top-right-radius: 6px;                    
    border-bottom-left-radius: 6px;                    
    border-bottom-right-radius: 6px;                                         
    align: center;
}
#DashboardH5{
    background-color:#4895c8; 
    color:#fff; 
    font-size:20px;
    border-top-left-radius: 6px;                    
    border-top-right-radius: 6px;                    
    border-bottom-left-radius: 6px;                    
    border-bottom-right-radius: 6px;                                         
    align: center;
}
#DashboardH6{
    background-color:#4895c8; 
    color:#fff; 
    font-size:20px;
    border-top-left-radius: 6px;                    
    border-top-right-radius: 6px;                    
    border-bottom-left-radius: 6px;                    
    border-bottom-right-radius: 6px;                                         
    align: center;
}
#DashboardH7{
    background-color:#4895c8; 
    color:#fff; 
    font-size:20px;
    border-top-left-radius: 6px;                    
    border-top-right-radius: 6px;                    
    border-bottom-left-radius: 6px;                    
    border-bottom-right-radius: 6px;                                         
    align: center;
}
#DashboardH8{
    background-color:#4895c8; 
    color:#fff; 
    font-size:20px;
    border-top-left-radius: 6px;                    
    border-top-right-radius: 6px;                    
    border-bottom-left-radius: 6px;                    
    border-bottom-right-radius: 6px;                                         
    align: center;
}
#DashboardH9{
    background-color:#4895c8; 
    color:#fff; 
    font-size:20px;
    border-top-left-radius: 6px;                    
    border-top-right-radius: 6px;                    
    border-bottom-left-radius: 6px;                    
    border-bottom-right-radius: 6px;                                         
    align: center;
}

#Mod11{
    padding-top:5px; 
    padding-bottom: 0px; 
    padding-left:60px; 
    padding-right:60px; 
    background: #d0d0d0;
    height:25px;
    color:#000;
                            border-top-left-radius: 6px;                    
                            border-top-right-radius: 6px;                    
                            border-bottom-left-radius: 6px;                    
                            border-bottom-right-radius: 6px;
}

#out112{
    padding-top:5px; 
    padding-bottom: 0px; 
    padding-left:60px; 
    padding-right:60px; 
    background: #004591;
    height:25px;
    color:#fff;
                            border-top-left-radius: 6px;                    
                            border-top-right-radius: 6px;                    
                            border-bottom-left-radius: 6px;                    
                            border-bottom-right-radius: 6px;
}
#out11{
    padding-top:5px; 
    padding-bottom: 0px; 
    padding-left:60px; 
    padding-right:60px; 
    background: #004591;
    height:25px;
    color:#fff;
                            border-top-left-radius: 6px;                    
                            border-top-right-radius: 6px;                    
                            border-bottom-left-radius: 6px;                    
                            border-bottom-right-radius: 6px;
}

#mhead1{
    padding-top:5px; 
    padding-bottom: 0px; 
    padding-left:60px; 
    padding-right:60px; 
    height:25px;
    color:#000;
    border-radius: 10px;
    border: 0px solid #fff;
    border-collapse: separate;
    border-left: 0;
    border-spacing: 0px;
    box-shadow: #666 2px 2px 100px;
}
#mout11{
    padding-top:5px; 
    padding-bottom: 0px; 
    padding-left:60px; 
    padding-right:60px; 
    height:25px;
    color:#000;
    border-radius: 10px;
    border: 0px solid #fff;
    border-collapse: separate;
    border-left: 0;
    border-spacing: 0px;
    box-shadow: #666 2px 2px 10px;
}
#SelMod{
    padding-top:5px; 
    padding-bottom: 0px; 
    padding-left:60px; 
    padding-right:60px; 
    background: #6e6e6e;
    height:25px;
    color:#fff;
                            border-top-left-radius: 6px;                    
                            border-top-right-radius: 6px;                    
                            border-bottom-left-radius: 6px;                    
                            border-bottom-right-radius: 6px;
}

#out22{
    padding-left:60px; 
                            padding-right:60px; 
                            background: #3baae3;
                            border-top-left-radius: 6px;                    
                            border-top-right-radius: 6px;                    
                            border-bottom-left-radius: 6px;                    
                            border-bottom-right-radius: 6px;
}
#out3{
    background:#777777;
                            border-bottom:1px solid #d9e6f0;
                            color:#fff;
                            padding:5px;
                            font-size:14px;
                            border-top-left-radius: 6px;                    
                            border-top-right-radius: 6px;                    
                            border-bottom-left-radius: 6px;                    
                            border-bottom-right-radius: 6px;
}


/*********************
		Forms
*********************/
form{
	padding:10px;
	margin:0 auto;
}
form#form fieldset {
	display:block;
	padding:5px 10px 5px 10px;
	line-height:20px;
	margin-bottom:10px;
}
form#form legend {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	padding:3px;
	width:254px;
}
form#form label {
	clear:left;
	display:block;
	float:left;
	width:100px;
	text-align:right;
	padding-right:10px;
	margin-bottom:5px;
}
form#form input {
	padding:3px;
	margin-bottom:5px;
}
form#form select {
	margin-left:5px;
}
form#form textarea {
	width:410px;
	height:200px;
	padding:5px;
	overflow:auto;
}
form#form option {
	background:#FFF;
}
form#form optgroup option {

}
form#form #button1, form#form #button2 {
	padding-right:5px;
	cursor:pointer;
	width:205px;
	margin-left:8px;
	font-weight:bold;
}
form#form #button1:hover, form#form #button2:hover {
	background-position:center left;
}


.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
//	background:  #006		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
//	background: 		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
//	background: #004591;	/* left column background colour */
}
.threecol .col1 {
	width:66%;			/* width of center column content (column width minus padding on either side) */
	left:90%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:10%;			/* Width of left column content (column width minus padding on either side) */
	left:20%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:10%;			/* Width of right column content (column width minus padding on either side) */
	left:20%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.productsmenu{
	margin:10px;
	padding:0px;
	font-size:10px;
	list-style-type:none;
	text-shadow:1px 1px 1px #000;
	}

.productsmenu li{
	font-size:12px;
	margin:0px;
	width:111px;
	padding:0px;
}

/*.productsmenu li{
	margin:1px 5px;
	height:19px;
	width:180px;
	margin-bottom:10px;
	padding:9px 5px 9px 5px;
	background: url(/web-dev/images/list-bg.jpg);
}*/
.TOP_MENU{
    width:148px;
    height: 20px; 
    color:black;
    background-color: white;
    border-radius: 15px;
    border-bottom: 10px solid #004591;
        //#4379ab;
    
    //border: double;
}
.TOP_MENU a:hover { color: #00F; text-decoration: none; }                                          
.TOP_MENU a { color: #000; text-decoration: none; }           
.TOP_MENU:hover{border-bottom: 1px solid #666;}


.preserve-3d {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

body {
    padding: 0;
    margin: 0;
    border: 0;
    overflow-x: none;
    background-color: #ffffff;
    font-family: Roboto Condensed, sans-serif;
    font-size: 12px;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
}

.back {
    width: 33%;
    height: 200px;
    float: left;
    background-color: #eeeeee;
    border: 10px;
    border-color: #ffffff;
    border-style: solid;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    counter-increment: bc;
    padding: 0px 5px 5px 5px;
}

.back:before {
    content: counter(bc) "_";
    position: absolute;
    padding: 10px;
}

@media screen and (max-width: 1260px) {
    .back {
        width: 50%;
    }
}

@media screen and (max-width: 840px) {
    .back {
        width: 100%;
    }
}
 #content
{
  // background-color: fdg
 }
 #side_menue{
     background-color: white;
     padding: 13px;
     border-bottom: 5px solid #004591;
     border-radius: 11px;
     text-decoration: none;
     color: #666;
     display: block;
     padding: 11px 6px;
     
     }

#tab-container
{
   float: left;
   //margin: 0px 20px 0px 0;
   //width: 190px;
}
#tab-container ul
{
   list-style: none;  
   text-align: center;
}
#tab-container ul li
{
   border-top: 8px solid #004591;
   border-right: 50px solid #004591;
   border-bottom: 8px solid #004591;
   border-left: 10px solid #004591;
   background-color: #ddd
}
#tab-container ul li a,
#tab-container ul li a:visited
{
   text-decoration: none;
   color: #666;
   display: block;
   padding: 11px 6px;
}
#tab-container ul li:hover
{
   border-left: 10px solid #333;
}
#tab-container ul li a:hover
{
   color: #000;
}
#tab-container ul li.selected
{
   border-right: none;
   background-color: white;
   border-left: 10px solid  black;
}
 // #main-container
//{
//   min-height: 400px;
//   margin: 0 0 0 125px;
//   padding: 20px;
//   background-color: #fff;
//   border: 1px solid #888;
//}