/***** Global Classes *****/
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.error, .red {background:#FFEBE8 none repeat scroll 0%; border:1px solid #DD3C10; margin:0pt 10px 10px; padding:10px; display: block;}
.correct, .green {background:#E6FCE6 none repeat scroll 0%; border:1px solid #84DB12; margin:0pt 10px 10px; padding:10px; display: block;}
.info {background:#FBFCE6 none repeat scroll 0%; border:1px solid #D9B411; margin:0pt 10px 10px; padding:10px; display: block;}
/***** End Global Classes *****/

body {
font: 62.5% Arial;
background: #fff;
}

#frame {
background-image: url(../images/sce/nav-background2.gif);
background-repeat:no-repeat;
width:782px;
margin-right:auto;
margin-left:auto;
text-align:left;
border:1px solid #000;
}

#navicon {
background-image: url(../images/sce/menu-arrows.jpg);
width:19px;
height: 165px;
margin-top: 184px;
}
		
#contentleft {
background-image: url(../images/sce/nav-background.jpg);
background-repeat:no-repeat;
width:216px;
float:left;
min-height:420px;
}
	
#contentright {
width:561px;
float:left;
min-height:400px;
}

#contentright2 {
width:561px;
height:3px;
float:left;
background:#fff;
}
	
#contentheader {
width: 782px;
margin: 5px 5px 3px 5px;
}

#contentpadding {
padding:20px;
}

#footer {
background:#000;
height:62px;
width: 772px;
margin: 0;
border-top:solid 3px #fff;
border-rightp:solid 5px #fff;
border-bottom:solid 5px #fff;
border-left:solid 5px #fff;
}

#footer-text1 {
float:left;
background-image: url(../images/sce/guardforce-small.gif);
background-repeat:no-repeat;
margin: 23px 0 0 10px;
}

#footer-text1 p {
font-family: arial, helvetica, sans serif;
color:#fff;
font-size:1.2em;
margin: 0 0 0 113px;
}

#footer-text2 {
margin: 0 0 0 592px;
}

#footer-text2 p {
font-family: arial, helvetica, sans serif;
color:#fff;
font-size:1.2em;
margin:0;
padding:0;
}

#footer-text2 a {
color:#fff;
text-decoration:none;
}

#footer-text2 a:hover {
text-decoration:underline;
}

#blackblock {
background:#000;
height:30px;
width: 561px;
margin: 0;
}	
		
h1 {
font-family: arial, helvetica, sans serif;
font-size:2.1em;
color:#000;
margin:0;
padding:0;
}

p {
font-family: arial, helvetica, sans serif;
font-size:1.2em;
color:#000;
}

h3 {
font-family: arial, helvetica, sans serif;
font-size:1.8em;
color:#FFFF00;
padding:0;
margin:2px 0 0 0;
}


#menu-position {
margin-top:40px;
}

.separator {
margin: 0 0 5px 0;
}

/* Menu Styles */
#menu {
/*width: em;
float: left;
position: relative;
left: 1px;
background: ;*/
width: 100%;
float: left;
}

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

#menu ul ul {
display: none;
}

#menu ul li:hover > ul {
display: block;
}

#menu li {
float: left;
position: relative;
}

#menu ul ul {
/*position: absolute;
z-index: 500;
top: 0;
left: 100%;*/
width: 150px;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

#menu a {
display: block;
color: #FFF;
text-decoration: none;
font-size: 13px;
font-family: Arial;
color: #FFF;
text-align: left;
width:188px;
height:19px;
margin: 0px 0px 5px 19px;
padding: 2px 3px 2px 5px;
}

#menu a:hover {
cursor: pointer;
}

#menu a.main_menu:hover {
color: #FFFF00;
background-color: #888888;
cursor: pointer;
}
/* End Menu Styles */

.panel {
display:block;
float:left;
margin:2px 0;
width:45%;
text-align:left;
background:transparent;
padding:0;
}

.panel img {float:left;}

.clear {clear:both; font-size:1px; height:1px;}

form ul {list-style: none; margin: 0; padding: 0}

form li {margin: 0.5em 0;}

label {text-align:right; width:8em; margin-right:0.5em; float:left; display:block;}

table label {text-align:left; width:8em; margin-right:0.5em; float:none; display:inline;}

li.check label {text-align:left; width:auto; float:none; display:inline; }

li.check span {display:inline; padding-left:0em; }

li.check span.name {padding-left:0em; width:12em;margin-right:0.5em;text-align:right; }

li.submit input {margin-left:12.5em; border:1px solid; border-color:#ddf #003 #003 #ddf;}

/* make button looks like a like */
.linkbutton {
cursor:hand;
background:transparent;
border:0;
color:blue;
}

.button {margin-left:20em;}

/* used to show/hide links that depends on javascript */
.posthidden {display:none}

.postshown {display:inline}

div#footer ul {list-style: none;}

div#footer ul li {display: inline;}

ul.modulemenu {list-style: none;}

ul.modulemenu li {display: inline;}

ul.breadcrumbs {list-style: none;}

ul.breadcrumbs li {display: inline;}

.form div {margin-bottom: 0.1em; width: 100%;}

.form .indent {margin:10px 0px 10px 95px;}

.form .form_element {
padding: 0px 10px 0px 0px;
text-align:right;
float: left;
width: 180px;
vertical-align: middle;
}

.form .form_data {
padding: 0px;
text-align:left;
float: left;	
}

.form .form_data label {
display:inline;
float:none;
}