@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

img, div { behavior: url(iepngfix.htc) }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height:18px;
}

.header{
font-size:22px;
color:#666666;
}
.header_1{
font-size:22px;
color:#ff9000;
}
h2{
font-size:20px;
font-weight:normal;
color:#ffffff;
}
h3{
font-size:20px;
font-weight:normal;
color:#FF8040;
word-spacing:1px;
}
a{
	color:#0066CC;
	text-decoration:none;
}
a:hover{
color:#571E6F;
text-decoration:none;
}
.img{
padding-left:5px;
margin-top:5px;}

#wrapper{
width:100%;
height:auto;
margin:auto;
}
#container{
width:998px;
height:100%;
margin:auto;
border:1px solid #cccccc;
overflow:hidden;
background:#FFF;
}

#header_container{
width:998px;
height:150px;
margin:0;
}
#header_containerlog{
width:998px;
height:140px;
border-bottom:1px solid #ccc;
margin:0;
}
#headerborder{
background:url(../images/bg.jpg) repeat-x; 
width:998px; 
height:4px;
}
.logo{
width:280px;
float:left;
padding:10px 0 10px 20px;
}
.topmenu{
width:500px;
float:right;
margin-top:0;
padding:20px 5px 0 0;
}
.topmenutable{
width:400px;
float:right;
margin-top:0;
padding:20px 5px 0 0;
}
.main_menu{
width:997px;
height:27px;
margin:auto;
float:left;
background:url(../images/nav_bg.gif) repeat-x;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#content_container{
width:998px;
height:auto;
float:left;
margin-bottom:20px;
}

#content{
width:690px;
margin:0px 20px 0px 20px;
text-align: justify;
float:left;
}
.forg_pwd{
width:150px; 
height:30px; 
line-height:30px; 
float:left;
vertical-align:middle;
}
#footer{
width:988px;
height:24px;
line-height:24px;
background-image:url(../images/footer_bg.jpg);
background-repeat:repeat-x;
padding:6px;
float:left;
}

.footer_content{
width:300px;
float:left;
font-size:11px;
color:#9e9a9a;
padding-left:40px;
}

.footer_content_1{
width:600px;
float:right;
font-size:11px;
color:#9e9a9a;
text-align:right;
padding-right:15px;
}

.footer_text{
font-size:11px;
color:#e8f3e8;
}

.top_nav {
font-size:12px;
color: #666666;
text-decoration:none;
padding:0px 5px 0px 5px;
}

.top_nav:hover{
font-size:12px;
color:#333333;
padding:0px 5px 0px 5px;
text-decoration:none;
}


#content_1{
width:950px;
padding:20px 20px 0px 20px;
text-align: justify;
float:left;
}
#content_form{
width:800px;
padding:20px 20px 0px 350px;
text-align: justify;
float:left;
height:180px;
}
.table td{
padding:5px;}


/*******************************************************************************************/


/**********************************************/
#sddm
{	margin: 0;
	padding-left: 10px;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	font: normal 13px arial ;
	color:#FF6600;
	height:27px;
	line-height:27px;
	
	}

#sddm li a
{	
	color: #666360;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	
	}

#sddm li a:hover
{	
	background:url(../images/nav_hover.gif) repeat-x;
	margin-top:1px;			
}

#sddm li.current {
	background:url(../images/nav_hover.gif) repeat-x left bottom;
	margin-top:1px;
			}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #F9F9F9;
	border: 1px solid #5970B2;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 15px;
		width:120px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #F9F9F9;
		color: #561e6f;
		font: 13px arial}

	#sddm div a:hover
	{	background: #CCCCCC;
		color: #497841}

#sddm span.text {
	float:left;
	padding:10px 0 0 8px;
	color:#191818;
	width:60px;
	text-align:center;
	}



/**************************************************/
#member{
	width:225px;
	float:left;
	padding:5px 0 0 50px;
}
#member h2{
	display:block;
	background:url(../images/member_login_bg.gif) 0 0 no-repeat;
	width:205px;
	height:31px;
	padding:0 0 0 20px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#member form{
	width:191px;
	height:100px;
	background:url(../images/member_form_bg.gif) 0 0 repeat-x #bdc0c6;
	padding:9px 17px 24px 17px;
	color:#2f3031;
}
#member form label{
	font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left; 
	display:block;
}
#member form input.txtBox{
	width:185px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
	float:left;
}
#member form a{
	background:url(../images/register_member_icon.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#727579;
	text-decoration:underline;
	float:left;
	margin:15px 0 0 0;
	width:120px;
}
#member form a:hover{
	text-decoration:none;
}
#member form input.go{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:15px;
	border:none;
	cursor:pointer;
	float:right;
	margin:15px 0 0 0;
	}
	
	
	.suggestionsBox {
	position: relative;
	left: 10px;
	margin: 5px 0px 0px 0px;
	width: 200px;
	background-color: #B0B0B0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #B0B0B0;
	color: #FFFFFF;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

.suggestionList li:hover {
	background-color: #666666;
}

.tbl_header{
background-image:url(../images/menu_bg.jpg);
background-repeat:repeat-x;
height:32px;
text-decoration:none;
font-family: Helvetica, sans-serif;
font-weight:bold;
vertical-align:middle;
padding:3px;

}
.tbl_titles{
background-image:url(../images/menu_bg.jpg);
background-repeat:repeat-x;


}

.bubbleInfo {
    position: relative;
	
	}

.popup {
    position: absolute;
	background-color: #fff;
	border: 2px solid #ccc;
	color: #666666;
	font-size:9px;
    display: none; /* keeps the popup hidden if no JS available */

	
}
.red_color { 
color:red;
}
/* Datefield look/feel */
    .datefield {
        position:relative;
        top:10px;
        left:10px;
        white-space:nowrap;
        border:0px solid black;
        background-color:#eee;
        width:25em;
        padding:5px;
    }

    .datefield input,
    .datefield button,
    .datefield label  {
        vertical-align:middle;
    }

    .datefield label  {
        font-weight:bold;
    }

    .datefield input  {
        width:15em;
    }

    .datefield button  {
        padding:0 5px 0 5px;
        margin-left:2px;
    }

    .datefield button img {
        padding:0;
        margin:0;
        vertical-align:middle;
    }

    /* Example box */
    .box {
        position:relative;
        height:30em;
    }
	/* ************************************************ */
	
	form.login { margin: 25px 0 0 250px; width: 450px; padding-bottom: 30px; }
	form.login_big { margin: 25px 0 0 40px; width: 850px; padding-bottom: 30px; }

fieldset { margin: 0 0 22px 0; border: 1px solid #7c9be9; padding: 12px 17px; background:#f2f2f2; }
legend {background:url(../images/formlabel_bg.jpg) repeat-x; color: #5f5858; font-weight: bold; padding: 4px 8px; border:1px solid #ccc; }

label.float { float: left; display: block; width: 100px; margin: 4px 0 0 0; clear: left; }
label { display: block; width: auto; font:Verdana, Arial, Helvetica, sans-serif; }
label.spam-protection { display: inline; width: auto; margin: 0; }

input.inp-text, textarea, input.choose, input.answer,input-file { border: 1px solid #909090; padding: 3px; }
input.inp-text { width: 150px; background:url(../images/menu_bg.jpg) repeat-x; }
textarea { width: 400px; height: 150px;  display: block; }
input.input-file { width: 150px; background:url(../images/menu_bg.jpg) repeat-x; }
textarea { width: 400px; height: 150px;  display: block; }

/*input.choose { margin: 0 2px 0 0; }
input.answer { width: 40px; margin: 0 0 0 10px; }
input.submit-button {background:url(../images/formlabel_bg.jpg) repeat-x; display:block; padding:5px 0 0 10px; }
form br { display: none; }*/

.inp-text input { border: 1px solid #909090; padding: 3px; }
.inp-text input{ width: 150px; background:url(../images/menu_bg.jpg) repeat-x; }
.inp-text select { border: 1px solid #909090; padding: 3px; }
.inp-text select{ width: 159px; background:url(../images/menu_bg.jpg) repeat-x; }
.inp-text textarea { width: 150px; height: 75px;  display: block; }
.inp-text textarea { background:url(../images/menu_bg.jpg) repeat-x;  }
.collapse { border: 1px solid #909090; padding: 3px;  background:url(../images/menu_bg.jpg) repeat-x; margin:2px; min-height:25px; }
/*#collapse { border: 1px solid #909090; padding: 3px; vertical-align:top; background:url(../images/menu_bg.jpg) repeat-x; margin:2px; min-height:35px; }

/* ************************************************** */
.tbl_titles_collapse{
background-image:url(../images/menu_bg.jpg);
background-repeat:repeat-x;
font-weight:bold;
line-height:30px;


}

.tbl_titles_small{
line-height:25px;
font-weight:bold;
}

ul {
	margin: 0;
}


#contentLeft {
	float: left;
	width: 250px;
}

#contentLeft li {
	list-style: none;
	margin: 0 0 3px 0;
	padding: 5px;
	background-color:#CCC;
	border: #CCCCCC solid 1px;
	color:#fff;
}