/* generic declarations */
body {margin: 0; padding: 0; font-family: arial, helvetica, verdana, tahoma, sans-serif; text-align: left; font-size: small;}
img {border: none;}
a {color: #006;}
a:visited {color: #006;}
a:hover {text-decoration: underline;}

select {
    margin: 3px 0px;
}

input {
    padding: 2px;
    margin: 3px 0px;
    border: 1px solid #7F9DB9;
}

input.disabled {
    color: grey;
    background-color: #EEE;
}

/* container */
#container {margin:0; padding:0; width:770px; border-right:1px solid #2F6291; background:url('../images/greenbkg.gif') left top repeat-y;}

/* header */
#header h1 {margin:0; padding:0; height:90px; background:url('../images/certheader.gif') #2f6291 left top no-repeat;}
#header h1 span#title {display:none;}

/* nav */
#nav {margin:0; padding:0 0 0 13px; width:159px;	float:left;	background:url('../images/greenbkg.gif') #c0d5aa left top repeat-y;	font-size:smaller;}

#nav ul {margin: 0 0 0 -13px; padding: 0; list-style-type: none;	font-weight: bold; border-top: 1px solid #dcecd2;}
#nav ul li {margin: 0 2px 0 0; padding: 0 0 0 13px; border-bottom: 1px dotted #fff;}
#nav ul li a {display: block; color: #2b4b08; text-decoration: none; padding: .5em;}
#nav ul li a:hover {color: #fff;	background: #2b4b08;}

#nav p {margin: 0; padding: 0; padding: .5em;}

/* content */
#content {margin: 0; padding: .5em .5em 1em 182px; background: url('../images/greenbkg.gif') #fff left top repeat-y;}

#content h1 {font-size:1.6em; margin:0; padding:4px 0 8px 0; color:#284665;}
#content h2 {font-size:1.3em; margin:0; padding:0; color:#284665;}
#content h3 {font-size:1.0em; color: #284665;}

#content span.qa {font-weight: bold; color: #284665;}
#content ul.plain {margin: 0; padding: 0; list-style-type: none;}
#content ul.plain li {padding: 0 0 .5em 0;}
#content span.new {color: red; background: yellow; padding: 0 .5em;}
.column1 {width: 350px; background: #fff; float:left; margin-right:6px; padding:.5em;}
.column2 {width: 195px;	background: #dbdbdb; padding:.5em; float:left;}
.boxheader {background:#CCC; padding:.3em; border:1px solid; font-weight:bold;}

/* footer */
#footer {margin: 0; padding: .1em 0 1em 0; clear: both; border-top: 1px solid #2F6291; font-size: smaller; background: url('../images/whitebkg.gif') #fff top left repeat-y;}
#footer p#lastupdated {margin: 0; padding: 0 0 0 17px; width:155px; float: left;}
#footer p#bottomnav {margin-left: 185px; padding: 0 0 0 .5em; position: relative; display: inline; top: 0; left: 0;}


/* random classes */
.datatable {margin: .5em; padding: 0; width: 550px; border-top: 0; border-right: 0; border-bottom: 1px solid #2b4b08; border-left: 1px solid #2b4b08;}
.datatable caption {font-weight: bold; color: #2b4b08;}
.datatable td {border-top: 1px solid #2b4b08; border-right: 1px solid #2b4b08; border-bottom: 0; border-left: 0; padding: .5em; font-size: smaller;}
.datatable th {border-top: 1px solid #2b4b08; border-right: 1px solid #2b4b08; padding: .5em; background-color: #ccc; font-size: smaller;}
.datatable th.filename {background-color: #dcecd2;}
.datatable td.plugin {text-align: center;}

/* CERT IN ACTION PHOTOS WITH CAPTION */
.CertPicRight {float: right; padding:8px; background-color:#EEE; margin:0 6px 6px 6px; border:1px solid #CCC;}
.CertPicLeft {float: left; padding:8px; background-color:#EEE; margin:0 6px 6px 6px; border:1px solid #CCC;}
.CertPicCaption {text-align:center; font-size:0.85em; margin:6px 0 0 0;}

/* COMMON */
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}

/* GOVdelivery box */
#govdelivery {margin:0; padding:10px; background:#c0d5aa; text-align:center;}

/* tiles layout compatibility (new CC layout May 2010 */

fieldset ol {
	padding: 0;
	list-style:none;
}

fieldset {    
	width: 100%;    
	margin: 0 0 1.5em 0;    
	padding: 1em 0 1em 0;  
	border: 1px solid #BFBAB0;    
	background-image: url(../../images/form_gradient.jpg);    
	background-repeat: repeat-x;
	float:left;
	display:block;
} 

legend {
    font-size: 1.0em;
    font-weight: bold;
    color: #284665;
}

label {    
	float: left;    
	width: 19em;    
	margin-right: 1em;  
	font-weight:bold;
}

/* SKIPNAV */
	a.skipnav {position: absolute;
		color:#005825;
		top: -100px;
		left: -100px;
		height:1px;
		width:1px;
		overflow:hidden;}
	
	a.skipnav:active, a.skipnav:focus {top:0;
		left:0;
		background-color:#d9e6df;
		height:auto;
		overflow:auto;
		width: 100%;
		padding:5px;
		text-decoration:none;}
        
/**

    All this is for the new reg process

**/

div.multibox{
    width:100%;
    float:left;
    margin-left:3px;
    display:block;
}
select.multiselect{
    width:37%;
    height:220px;
    clear:none;
    float:left;
    display:inline-block;
}
select.multiselectFixMe{
    width:43%;
    height:220px;
    clear:none;
    float:left;
    display:block;
    border-color:red;
}
div.multibuttons{
    float:left;
    clear:right;
    width:10%;
}
input.multibuttons{
    clear:left;
    margin-left:2em;
    *margin-left:-1em;
    margin-top: 1em;
    font: bold 11px Arial, Sans-serif;

    padding: 2px;
    *padding: none;
    color: #fff;
    background: #dbbe9f url(../../images/submit.gif)
    repeat-x; border-width: 3px;
    border-style: solid;
    border-color: #bc8a50 #956b3a #956b3a #bc8a50;
    text-transform:uppercase;
    display:block;
    width:50%;
}
#councilType{
    clear:right;
    margin-bottom:10px;
}
input.formCheckBox{
    float:left;
    display:inline;
    clear:both;
    border:none;
    margin-left:0px;
    vertical-align:bottom;
    margin-top:2px;
}

p.questionBox{
    margin: 10px 0px 5px 5px;
    font-weight:bold;
}
p.needsFix{
    margin: 10px 0px 5px 5px;
    font-weight:bold;
    color:red;
}
label {
	width: 12em;
}
label.primaryLabel_cb {
    float:none;
    font-weight:normal;
    margin-top:4px;
    width:220px;
    vertical-align:middle;
}

p.highlightBlue{
    color:blue;
    width:479px
}
div.h2 {
    width: 37.2em;
    /*margin: 0px 0px -9px -7px;*/
    font-size:16px;
    font-weight: bold;
    background-color: white;
    color: blue;
    text-decoration: underline; 
}

#tabs ul {
       list-style:inside;
        padding: 0px;
        margin: 0px;
        border-bottom: 2px solid #3763b9;
}

#tabs li {
        display: inline;
        margin:0px;
        padding:0px;
}
input.tabs{
    border:0;
    background: #dcecd2;
    color: #2b4b08;
    padding:0;
    margin:0;
    font-size:9pt;
    height:auto;
    width:auto;
    overflow:visible;
}
input.tabSelected{
        padding-bottom: 1px;
        font-weight: bold;
        color: #dcecd2;
        background: #2b4b08;
        border:0;
        margin:0;
        font-size:9pt;
        height:auto;
        width:auto;
        overflow:visible;
}
input.tabFixMe {
        background: red;
        color: white;
        border:0;
        margin:0;
        font-size:9pt;
        height:auto;
        width:auto;
        overflow:visible;
        padding:0;
}
input.tabSelectedFixMe {
        background: red;
        color: white;
        border:0;
        margin:0;
        font-size:9pt;
        height:auto;
        width:auto;
        overflow:visible;
        padding-bottom: 1px;
        font-weight: bold;
}
input.tabDissabled {
        background:silver ;
        color: gray;
	padding:0;
        border:0;
        margin:0;
        font-size:9pt;
        height:auto;
        width:auto;
        overflow:visible;
}
#tabContent {
        background: #ffffff;
        padding: 2px;
        width:605px;
}

#tabContent p {
        margin-top: 4px;
        padding: .5px;
        background: white;
}

ul.errorList
{
  margin-top: 3px;
  padding:0;
  margin-left:1.5em;
}

li.errorList{
  padding: 0;
  color:red;
  
}
input.needsFix{
	border-color: red;
}

select.needsFix{
	border-color: red;
}

div.needsFix{
	position:relative;
	color: red;
	text-align:center;
	font-weight: bold;
}
legend.needsFix{
    background-color:red;
}
h3.needsFix{
    color:red;
}

span.red {
	color:red;
}
strong.red {
	color:red;
}
input.button {
    clear:left;
    margin-top: 1em;
    font: bold 11px Arial, Sans-serif; 
    
    padding: 2px; 
    color: #fff; 
    background: #dbbe9f url(../../images/submit.gif) 
    repeat-x; border-width: 3px; 
    border-style: solid; 
    border-color: #bc8a50 #956b3a #956b3a #bc8a50; 
    text-transform:uppercase;
}

    div.newStyle h3 {
	font-size:1.0em;
	color:#284665;
        margin-top:2em;
        margin-bottom:7px;
    }

    div.newStyle fieldset {
	padding: 0 0 1em 0;
    }

    div.newStyle fieldset p, div.newStyle fieldset p.needsFix {
	font-weight:bold;
	margin: 1em 13px 0 13px;
        clear:both;
    }

    div.newStyle fieldset label {
	width:435px;
	font-weight:bold;
	margin: 1em 13px 0 13px;
        clear:both;
    }
    div.newStyle fieldset label.needsFix {
        color:red;
    }

    div.newStyle fieldset select {
        margin:1em 13px 0 0;
    }

    div.newStyle fieldset div.response {
        margin-top:3px;
        float:left;
        width:5em;
    }

    /* designed to hold short numeric entries */
    div.newStyle fieldset input[type=text] {
        width:3em;
        margin:1em 0 0 0;
        padding:2px;
        float:left;
    }

    div.newStyle fieldset input[type=checkbox],
    div.newStyle fieldset input[type=radio] {
	margin:1em 0 0 14px;
        border:none;
        float: left;
    }

    div.newStyle fieldset div.subsection input[type=checkbox],
    div.newStyle fieldset div.subsection input[type=radio] {
	margin-top:7px;
    }

    div.newStyle fieldset div.subsection {
        margin:0 0 2em 0;
    }

    div.newStyle fieldset div.subsection label {
	font-weight:normal;
        width:468px;
        margin:7px 13px 0 26px;
        padding:0;
    }

    div.newStyle fieldset div.subrequest {
        width:507px;
        float:left;
    }

    div.newStyle fieldset div.subrequest label {
	font-weight:normal;
        width:auto;
        margin-right:13px;
        margin-left:26px;
        padding:2px 2px 2px 2px;
    }

    div.newStyle fieldset div.subrequest input[type=text] {
        width:380px;
        margin-right:0;
        margin-left:0;
        padding:2px;
    }

    div.newStyle fieldset div.subrequest label,
    div.newStyle fieldset div.subrequest input[type=text],
    div.newStyle fieldset div.subsection input[type=text] {
        margin-top:7px;
        margin-bottom:0;
    }

    div.newStyle fieldset div.subresponse {
        margin-top:7px;
        float:left;
        width:5em;
    }

    div.newStyle fieldset div.subresponse input[type=text] {
        float:left;
        width:3em;
        margin:0 2px 0 0;
        padding:2px;
    }

    div.newStyle fieldset textarea {
        margin:1em 13px 0 13px;
    }

    div.newStyle fieldset hr {
        clear:both;
        margin-bottom:1.5em;
        visibility:hidden;
    }

    div.newStyle fieldset table {
        margin: 13px 0 0 13px;
    }

    div.newStyle fieldset th {
        text-align: center;
    }

    div.newStyle fieldset tr {
        margin-top: 7px;
        height: 32px;
    }

    div.newStyle fieldset table input[type=text] {
        width:189px;
    }

    div.newStyle fieldset table input[type=checkbox],
    div.newStyle fieldset table input[type=text] {
        margin-top:0px;
    }

#sidebar {float: right; width: 213px; padding: 0; margin: 20px 0 0 0; display: inline;}

/* sidebar menu */
#sidebar .sidemenu {margin: 10px 10px 5px 7px; padding: 0; text-decoration: none;}
#sidebar .sidemenu li {background-image:url(../images/bullet-star.gif); background-position: 0 1px; background-repeat:no-repeat; margin: 1px 0 4px 0; padding: 0 0 3px 15px; line-height:110%;}
* html body #sidebar .sidemenu li {height: 1%;}
#sidebar .sidemenu li a {text-decoration: none; color: #003a69; background: none; font-weight: normal;}
#sidebar .sidemenu li a:hover {color: #003a69; background: none; text-decoration:underline;}
#sidebar .sidemenu ul {margin: 0 0 0 10px; padding: 0;}
#sidebar .sidemenu ul li {border: none; }


/* WhatsHapnin */
#sidebar .WhatsHapnin {margin: 10px 10px 5px 7px; padding: 0; text-decoration: none;}
#sidebar .WhatsHapnin li {list-style:none; margin: 5px; padding: 6px 0px; border-bottom: 1px dotted #000; line-height:110%;}
#sidebar .WhatsHapnin li.last {border-bottom:none;}
* html body #sidebar .WhatsHapnin li {height: 1%;}
#sidebar .WhatsHapnin li a {text-decoration: none; color: #003a69; background: none; font-weight: normal;}
#sidebar .WhatsHapnin li a span {color: #454545; font-weight: bold;}
#sidebar .WhatsHapnin li a:hover {color: #003a69; background: none; text-decoration:underline;}
#sidebar .WhatsHapnin ul { margin: 0 0 0 10px; padding: 0; }

/* header quick search */
#sidebar form#qsearch {padding: 0; margin: 20px 0 30px 10px; border: none; width: 270px; height: 33px; background: #F2F0F0 url(qsearch.gif) no-repeat;}
#sidebar form#qsearch p {margin: 0; padding: 0;}
#sidebar form#qsearch input {float: left; border: none; background: transparent; color: #B8B8B8; margin: 0;}
#sidebar form#qsearch .tbox {margin: 5px 0 0 5px; width: 200px;	display: inline; font: 1em Arial, Helvetica, sans-serif;}
#search form#qsearch .btn{width: 24px; height: 24px;}
#sidebar form#qsearch label {display: none;}

.boxOption h3 {color: #fff; font: bold 1.1em Arial, Helvetica, sans-serif; text-transform: none; letter-spacing: -0.5px; padding: 4px 0 4px 7px; margin: 1px; background: #956b3a url(../images/submit.gif) repeat-x;}
.boxOption {border:1px solid #956b3a; margin:0 0 10px 0;}
.boxOption p {padding:8px; line-height:115%;}

/* sidebar menu */
.boxOption .barmenu {margin: 2px; padding: 0; text-decoration: none;}
.boxOption .barmenu li { list-style:none; line-height:110%;}
* html body .boxOption .barmenu li {height: 1%;}
.boxOption .barmenu li a {display:block;  margin: 2px 0 0 0; padding: 4px 4px 4px 6px; background:#fff3e7; text-decoration: none; color: #003a69; font-weight: normal;}
.boxOption .barmenu li a:hover {display: block; color: #FFF; background:#ae8450; text-decoration:none;}
.boxOption .barmenu ul {margin: 0 0 0 15px; padding: 0;}
.boxOption .barmenu ul li {border: none; }

/* sidebar bleumenu */
.box .bleumenu {margin: 2px; padding: 0; text-decoration: none;}
.box .bleumenu li { list-style:none; line-height:110%;}
* html body .box .bleumenu li {height: 1%;}
.box .bleumenu li a {display:block;  margin: 2px 0 0 0; padding: 4px 4px 4px 6px; background:#DDECFF; text-decoration: none; color: #003a69; font-weight: normal;}
.box .bleumenu li a:hover {display: block; color: #FFF; background:#94a7c7; text-decoration:none;}
.box .bleumenu ul {margin: 0 0 0 15px; padding: 0;}
.box .bleumenu ul li {border: none; }


fieldset.login {
    margin-left: 100px;
}

/**
    End new reg process
**/