/*
- DEFAULT HTML STYLES
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES
- PARAGRAPH STYLES
- LIST STYLES
- LINK STYLES
- IMAGE STYLES
- TABLE STYLES
- FORM STYLES
- DIVERSE STYLES
*/


/*
---------------------------------------------------------------------------------------------
DEFAULT HTML STYLES
---------------------------------------------------------------------------------------------
*/
html {
	font-family: Arial, Verdana, Sans-serif;
	margin:0;
	padding:0;
}

body {
	color: #6b6b6b;
	background-image: url(images/bodybackground.gif);
	background-repeat: repeat;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 76%;
}
body.nobackground {
	background: #fff none;
}

form {
	display: inline;
}

input, textarea, select {
/*border-top:none;border-left: none;border-right: 1px solid #d4d0c8;border-bottom: 1px solid #d4d0c8;font-size: 8pt;padding: 4px 2px 2px 4px;background-image: none;*/
}

a:link, a:visited, a:hover {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
margin:0px;padding:0px;font-size:1.1em;line-height:1.5em;padding-bottom:15px;
}

h1, h2, h3, h4 {
	font-family: Georgia, Serif;
	font-weight: normal;
	width: 100%;
}
h1 {
	color: #232020;
}

h1,h2 {
	font-size: 20px;
	margin-left: 12px;
	border-bottom: 4px solid #a1aab1;
}
h3 {
	color: #404040;
	font-size: 20px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-bottom: 4px solid #a1aab1;
	margin-bottom: 4px;
}


#container.color1 h3 {
	border-color: #a1aab1;
}
#container.color2 h3 {
	border-color: #6aaac9;
}
#container.color3 h3 {
	border-color: #e1ae00;
}
#container.color4 h3 {
	border-color: #b96267;
}
#container.color5 h3 {
	border-color: #ab6e98;
}
#container.color6 h3 {
	border-color: #0eaf93;
}

.applicationform h3 {
	padding-left: 10px;
	margin-top: 0px;
	width: 492px;
}
h4 {
	color: #404040;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 6px;
	border-bottom: 4px solid #a1aab1;
	margin-bottom: 4px;
	
}
.applicationForm h4 {
	padding-left: 8px;
	width: 219px;	
}


ul {
	margin:0px;
	padding:0px;
}

li {
	margin:0 0 10px 0px;
	padding:0;
}

li p {
	margin:0px;
	padding:0px;
}

hr.gridline {
	display: none;
}

/* IE styles the radio and checkboxes with border   */
/* around the item. The CorePublish Form framework  */
/* sets these items with the .cpform-noborder class.*/
/* Use this class to turn of border for the items.  */
input.cpform-noborder {
    border: none;
    background: none;
}
input{
    border: none;
}

/* link to content must always be hidden
   when styled. This is used to goto content
   when no style is selected */
#content-link {display: none;}

/*
---------------------------------------------------------------------------------------------
CONTAINER STYLES
---------------------------------------------------------------------------------------------
*/


#container,
#container-frontpage {
	width: 940px;
	margin:0 auto 0 auto;
	padding:9px;
	margin-top:16px;
	margin-bottom:16px;
	background-color: #ffffff;
}
#placeholder-header {
	height: 54px;
    width: 940px;
    background-image: url(images/top_gradient.png);
    background-repeat: repeat-x;
    /*background-color: #242424;*/
}

#placeholder-column {
    float: left;
    width: 197px;
    clear: both;
    font-size: 0.9em;
    overflow: hidden;
	background-color:#fff;
}
#placeholder-content1 {
	width: 940px;
    overflow: hidden;
	margin:0;
	background-color: #ffffff;
}
#placeholder-content1 .metadata {
	display: none;
}
#placeholder-content1 .small-articledisplay,
#placeholder-content1 .small-articledisplay-nolayout {
	width: 217px;
	margin-left: 11px;
	float: left;
	padding-top: 1px;
}

#placeholder-content1 .small-articledisplay h3,
#placeholder-content1 .small-articledisplay-nolayout h3 {
	font-size: 20px;
	width: 217px;
	padding: 0px 0px 2px 10px;
	margin: 1px 0px 0px 0px;
	border-bottom: 4px solid #a1aab1;
	margin-bottom: 4px;
}

#placeholder-content1 .small-articledisplay .tile-content,
#placeholder-content1 .small-articledisplay-nolayout .tile-content {
	border: 1px solid #d0d0d0;
	background-color: #eeeeee;
	width: 205px;
	padding: 10px;
}

#placeholder-content1 .small-articledisplay a:link,
#placeholder-content1 .small-articledisplay a:visited,
#placeholder-content1 .small-articledisplay a:hover,
#placeholder-content1 .small-articledisplay-nolayout a:link,
#placeholder-content1 .small-articledisplay-nolayout a:visited,
#placeholder-content1 .small-articledisplay-nolayout a:hover {
	color: #404040;
	border-bottom: 1px dotted;
	text-decoration: none;
}
#placeholder-content1 .small-articledisplay a:hover,
#placeholder-content1 .small-articledisplay-nolayout a:hover {
	border-bottom: 1px solid;
}

#placeholder-footer {
	width:912px;
	margin:0 0 0 0;
	padding:10px 14px 10px 14px;
	clear:both;
	font-size:0.9em;
}

.page-header {
	margin: 20px 10px 0 0px;
	width:	150px;
	float: right;
}
.page-header img {
	border: 0px;
}

/* common box menus and lists */

.vertical-menu {
	float: left;
	margin: 26px 10px 0px 0px;
	
}
.vertical-menu h3 {
	display: none;
}
.vertical-menu li {
	/*background-color: red;*/
	margin: 0px;
}
.vertical-menu li a:link,
.vertical-menu li a:active,
.vertical-menu li a:visited {width: 190px; display: block; height: auto; padding: 3px 5px 3px 30px; margin: 1px 0px 0px 0px; font-family: georgia, serif; font-size: 17px; color: #fff; background-repeat: no-repeat; background-position: left center; background-color: #dcdcdc;}


.vertical-menu li li a:link,
.vertical-menu li li a:visited {
	padding: 6px 5px 6px 43px;
	width: 180px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #6b6b6b;
	background-position: 13px 8px;
}


.vertical-menu li a,
.vertical-menu li a:link,
.vertical-menu li a:visited {
	border: none;
	display: block;
	text-decoration: none;
}
.vertical-menu li li a:hover,
.vertical-menu li li.active a:hover {
	background-color: #c4c4c4;
	color: #404040;
}

.vertical-menu ul li a:link{
	color: #6b6b6b; 
	display:block;
	margin:1px 0px 0px 0px; 
	background-repeat:no-repeat; 
	background-position:left center;
}
.vertical-menu li a:link, 
.vertical-menu li a:active, 
.vertical-menu li a:visited{ font-family:georgia, arial, verdana, sans-serif; color:#6B6B6B; background-color: #eeeeee; }/*padding:7px 5px 7px 42px;*/
/*2nd level*/
.vertical-menu li li a:link, 
.vertical-menu li li a:active, 
.vertical-menu li li a:visited{font-family:arial,verdana,sans-serif; color:#6B6B6B;background-color:#DCDCDC; padding-left:40px;}
.vertical-menu li li a:hover{background-color:#C4C4C4; color:#404040; }
.vertical-menu li li.active a:link, 
.vertical-menu li li.active a:active, 
.vertical-menu li li.active a:visited { background-color:#C4C4C4; color:#404040;}
/*3rd level*/
.vertical-menu li li li a:link, 
.vertical-menu li li li a:active, 
.vertical-menu li li li a:visited{font-family:arial,verdana,sans-serif; color:#6B6B6B;background-color:#DCDCDC; padding-left:60px;}
.vertical-menu li li li a:hover{background-color:#C4C4C4; color:#404040; }
.vertical-menu li li li.active a:link, 
.vertical-menu li li li.active a:active, 
.vertical-menu li li li.active a:visited { background-color:#C4C4C4; color:#404040;}


/* override common */
.vertical-menu li a:link, .vertical-menu li a:visited {
	background-image:none;
	background-position:left center;
	background-repeat:no-repeat;
}
.vertical-menu li a.expanded:link, .vertical-menu li a.expanded:visited, .vertical-menu li a.expanded:hover {
	background-image:url(images/arrow_down.gif);
}
.vertical-menu li a.collapsed:link, .vertical-menu li a.collapsed:visited, .vertical-menu li a.collapsed:hover {
	background-image:url(images/arrow_right.gif);
}

.vertical-menu li.active.onclass a.noSub{background-color:#C4C4C4;}


#skjemaheader {
	/*background-image: url(images/logo_topp.png);*/
	background-repeat: no-repeat;
	background-position: 863px 19px;
	background-color: #a1aab1;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	height: 72px;
	width: 940px;
	padding-top: 20px;
}
#container.color1 #skjemaheader {
	background-color: #a1aab1;
}
#container.color2 #skjemaheader {
	background-color: #6aaac9;
}
#container.color3 #skjemaheader {
	background-color: #e1ae00;
}
#container.color4 #skjemaheader {
	background-color: #b96267;
}
#container.color5 #skjemaheader {
	background-color: #ab6e98;
}
#container.color6 #skjemaheader {
	background-color: #0eaf93;
}
#skjemaheader h2 {
	margin: 0;
	padding: 6px 0 0 0;
	border: none;
	font-size: 25px;
	margin-left: 12px;
	color: #232020;
}
#skjemaheader h3 {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 20px;
	margin-left: 12px;
	color: #ffffff;
}

.horizontal-menu {
	width: 550px;
	padding-top: 18px;	
	float: left;
	margin-left: 14px;
}
.horizontal-menu h3 {
	display: none;
}

.horizontal-menu li {
	display: inline;
	float: left;
	padding: 0px 4px 0px 4px;
	margin: 0;
	background-image: url(images/list_separator.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.horizontal-menu a:link,
.horizontal-menu a:visited,  
.horizontal-menu a:hover {
	color: #acacac;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;	
	font-family: Georgia, Serif;
	margin-left: 6px;
	margin-right: 6px;
	border-bottom: 1px dotted #96a3ac;
	float: left;
}
.horizontal-menu a:hover {
	border-bottom: 1px solid #96a3ac;;
	color: #ffffff;
}
.horizontal-menu li.first {
	padding-left: 0px;
}
.horizontal-menu li.last {
	background: none;
}


#container a.bullet:link,
#container a.bullet:visited 	{color:transparent; text-decoration:none;}
#container a.bullet:hover 		{color:transparent; background-color:transparent; text-decoration:none; border: none;}

	
/*others*/
#extended-debug-info {clear: both;}
.small-articledisplay-nolayout {padding: 0px;margin: 0px;margin-bottom: 10px;}
div.clearer{height:1px;overflow: hidden;clear: both;background-color:white;display:block;font-size:1px;line-height:1px;}

#placeholder-footer .small-articledisplay-nolayout,
#placeholder-footer .small-articledisplay {
	font-size: 9px;
}

#placeholder-footer .small-articledisplay-nolayout a:link,
#placeholder-footer .small-articledisplay-nolayout a:visited,
#placeholder-footer .small-articledisplay-nolayout a:hover,
#placeholder-footer .small-articledisplay a:link,
#placeholder-footer .small-articledisplay a:visited,
#placeholder-footer .small-articledisplay a:hover {
	color: #404040;
	text-decoration: none;
}

.buttonBar ul {
	list-style: none;
}
.buttonBar ul li {
	display: inline;
}

.buttonBar a:link,
.buttonBar a:visited {
	border: none;
	text-decoration: none;
    font-family: Georgia, Serif;
    font-size: 16px;
    font-weight: 500;
    color: #acacac;
    padding: 9px 20px 0px 18px;
    margin: 0;
    border: 0;
    height: 27px;
    float: left;
}
.buttonBar a:hover {
	text-decoration: underline;
}
.buttonBar a.submit.disabled:link,
.buttonBar a.submit.disabled:visited, 
.buttonBar a.submit.disabled:hover {
	text-decoration: none;
	color: #666666;
}

.buttonBarWrapper a.next.disabled:link,
.buttonBarWrapper a.next.disabled:visited, 
.buttonBarWrapper a.next.disabled:hover,
.buttonBarWrapper a.previous.disabled:link,
.buttonBarWrapper a.previous.disabled:visited, 
.buttonBarWrapper a.previous.disabled:hover {
	text-decoration: none;
	color: #acacac;
}


.buttonBar.top a.print:link,
.buttonBar.top a.print:visited {
	padding-right: 37px;
	background-image: url(images/pdf_icon.png);
	background-repeat: no-repeat;
	background-position: 172px 9px;
}
.buttonBar.top a.save:link,
.buttonBar.top a.save:visited {
	padding-right: 42px;
	background-image: url(images/save_icon.png);
	background-repeat: no-repeat;
	background-position: 67px 12px;
}
.buttonBar.top a.previous:link,
.buttonBar.top a.previous:visited {
	padding-left: 33px;
	padding-right: 17px;
	background-image: url(images/back_icon.png);
	background-repeat: no-repeat;
	background-position: 16px 13px;	
}
.buttonBar.top a.next:link,
.buttonBar.top a.next:visited {
	padding-right: 33px;
	background-image: url(images/forward_icon.png);
	background-repeat: no-repeat;
	background-position: 67px 13px;
}
.buttonBar.top a.invite:link,
.buttonBar.top a.invite:visited {
	padding-right: 38px;
	background-image: url(images/invite_icon.png);
	background-repeat: no-repeat;
	background-position: 125px 10px;
}
.gradient {
	clear: both;
	background-image: url(images/gradient_topp.png);
	background-repeat: repeat-x;
	height: 23px;
}
.buttonBar.top {
	width: 100%;
	height: 38px;
	background-image: url(images/nav_gradient.png);
	background-repeat: repeat-x;
	
}
.buttonBar.top .leftButtons a:link,
.buttonBar.top .leftButtons a:visited {
	border-right: 1px solid white;
}
.buttonBar.top .rightButtons a:link,
.buttonBar.top .rightButtons a:visited {
	border-left: 1px solid white;
}
.leftButtons {
	float: left;
}
.rightButtons {
	float: right;
}
.buttonBarWrapper {
	height: 39px;
	border: 1px solid #edecec;
	background-color: #fafafa;
	margin-top: 10px;
}
.buttonBar.bottom {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 9px;
}
.buttonBar.bottom a:link,
.buttonBar.bottom a:visited {
	color: #6b6b6b;
	background-color: #edecec;
	font-family: Arial, Sans-serif;
	font-size: 13px;
	height: 12px;
	margin-right: 12px;
	border: 1px solid #d0d0d0;
	padding: 3px 4px 5px 4px;
}
.buttonBar.bottom a.previous:link,
.buttonBar.bottom a.previous:visited {
	padding-left: 15px;
	background-image: url(images/back_icon_bottom.png);
	background-repeat: no-repeat;
	background-position: 5px 7px;	
}
.buttonBar.bottom a.next:link,
.buttonBar.bottom a.next:visited {
	padding-right: 15px;
	background-image: url(images/forward_icon_bottom.png);
	background-repeat: no-repeat;
	background-position: 42px 7px;
}
.buttonBar.bottom a.print:link,
.buttonBar.bottom a.print:visited {
	padding-right: 23px;
	background-image: url(images/pdf_icon.png);
	background-repeat: no-repeat;
	background-position: 125px 1px;
}
.buttonBar.bottom a.save:link,
.buttonBar.bottom a.save:visited {
	padding-right: 25px;
	background-image: url(images/save_icon_bottom.png);
	background-repeat: no-repeat;
	background-position: 43px 3px;
}

input.textinput {
	color: #6b6b6b;
	height: 19px;
	font-size: 12px;
	padding: 4px 0px 4px 0px;
	margin: 4px 0px 4px 0px;
	border: 1px solid #c2c1ba;
	background-color: #fff;
}
input.readonly {	
	background-color: #FAFAFA;
}

#placeholder-content1 .login-form {
	width: 227px;
	float: left;
	margin-right: 10px;
}
#placeholder-content1 .login-form h3 {
	margin-top: 0px;
	width: 217px;
}
#placeholder-content1 .login-form .staticfield {
	color: #6b6b6b;
	height: 19px;
	font-size: 12px;
	padding: 4px 0px 4px 8px;
	margin: 2px 0px 2px 0px;
	border: 1px solid #c2c1ba;
	background-color: #fff;
}

#placeholder-content1 .login-form .textinput,
#placeholder-content1 .login-form .staticfield {
	font-size: 12px;
	color: #6b6b6b;
	margin: 2px 0px 2px 0px;
	width: 200px;
}
#placeholder-content1 .login-form .staticfield {
	width: 192px;
}
#placeholder-content1 .login-form .textinput {
	display:none;
}
#placeholder-content1 .changePassOnly .textinput {
	display:block;
}

#placeholder-content1 label {
	color: #6b6b6b;
}

#placeholder-content1 .login-form .tile-content {
	height: 223px;	
	border: 1px solid #cecece;
	background-color: #eeeeee;
	padding: 11px 0px 0px 12px;	
}
#placeholder-content1 #login-form-container,
#placeholder-content1 #login-form-lostpassword-container {
	height: 200px;
	width: 200px;
}
.login-form .text,
.register-form .text {
	margin-top: 20px;
	color: #6b6b6b;
	font-size: 11px;
}
.invitation-form .text {
	background-color: #fbfaa3;
	padding: 10px;
}
.register-form h3 {
	width: 692px;
	margin-top: 0px;
}
#placeholder-content1 .register-form {
	width: 702px;
	float: left;
}

#placeholder-content1 .register-form .tile-content {
	border: 1px solid #eeeded;
	margin: 3px;	
	background-color: #fafafa;
	padding-bottom: 58px;
	
}
#placeholder-content1 .register-form .registerFormWrapper {
	border: 1px solid #dedede;
}

#placeholder-content1 #register-form-container {
	width: 400px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#placeholder-header .login-form {
	height: 54px;
	width: 350px;
	padding: 0 !important;
	/*background-color: #242424;*/
	color: #ffffff;
	float: right;
	font-family: Arial, Sans-serif;
}
#placeholder-header .notloggedin {
	display: none;
}
#placeholder-header .login-form .tile-content {
	float: right;
	padding-right: 30px;	
}
#placeholder-header .login-form h3,
#placeholder-header .login-form h2 {
	display: none;	
}
#placeholder-header .login-form p {
	font-family: arial;	
	padding: 20px 0 0 60px;
	color: #ffffff;

	font-size:12px;
}
#placeholder-header .login-form a {
	text-decoration: none;
	color: #acacac;
	
	font-size: 12px;
}
#placeholder-header .login-form a:hover {
	text-decoration: underline;
}

.login-form .submit,
.register-form .submit {
	color: #ffffff;
	font-family: Arial, Sans-serif;
	background-color: #a1aab1;
	float: right;
	height: 19px;
	font-size: 13px;
	display: inline;
	padding: 0px 7px 2px 7px;
	margin: 0;
	clear: both;
}

.login-form .submit {
	float: right;
	clear: none;
	margin-top: 2px;
	
}
.register-form .submit {
	margin-top: 7px;
}

.login-form label,
.register-form label {
	float: left;
	width: 100px;
	display: block;
	margin: 4px 0px 4px 0px;
	padding: 7px 0px 7px 0px;
	font-size: 14px;
	clear: both;
}
#login-form-lostpassword-container,
#login-form-changepassword,
#login-form-changepassword-btn {
	display: none;
}
.login-form-link {
	float: left;
	width: 90px;
	font-size: 11px;
	margin-top: 6px;
}
.login-form-link a {
	color: #404040;
	text-decoration: none;

}
.login-form-link a:hover {
	text-decoration: underline;
}

#login-form-error,
#login-form-message {
    color: #404040;
    padding: 10px 10px 0px 10px;
    margin-bottom: 5px;
}
#placeholder-header #login-form-error,
#placeholder-header #login-form-message {
	display: none;
}
#login-form-message,
#login-form-message a:link,
#login-form-message a:visited,
#login-form-message a:hover {
    color: #404040;
}

#placeholder-content1 .login-form.changePassOnly {
	width: 100%;
	
}
#placeholder-content1 .changePasswordWrapper {
	border: 1px solid #dfdfdf;
	padding: 3px;
	margin: 0;
}
#placeholder-content1 .login-form.changePassOnly div.tile-content {
	background-color: #fafafa;
	border: 1px solid #eeeded;
}
#placeholder-content1 .login-form.changePassOnly h3 {
	width: 100%;
}
#placeholder-content1 #changePasswordContainer {
	width: 400px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#placeholder-content1 #changePasswordContainer label {
	clear: both;
	float: left;
	width: 135px;
	/*padding: 0;*/
}

#placeholder-content1 .register-form input.textinput,
#placeholder-content1 #changePasswordContainer input.textinput {
	width: 247px;
	float: right;
}

#placeholder-content1 #changePasswordContainer input.submit {
	clear: both;
}

/*
---------------------------------------------------------------------------------------------
APPLICATION STYLES
---------------------------------------------------------------------------------------------
*/

/* Do not display sort options for form list */
.sortOptions{
	display:none;
}

/* Phase indicator */
.phaseTitle{
    overflow: hidden;
    float: left;
}
.formphase{
/* phaseSplit, remove width */
/*	width: 705px;*/
	font-size: 0.9em;
    overflow: hidden;
    margin: 0px auto 12px auto;
    color: #b4b48f;
    clear: both;    
}
.formphase a:link, .formphase a:visited{
	height: auto;
	color: #404040;
	
	text-decoration: none;
}
.formphase a:hover{
	color: #6b6b6b;
}
.formphase ul {
/* phaseSplit, remove width + height */
/*	width: 705px;*/
/*	height: 27px;*/
	padding: 0px;
	margin: 28px 0 0 0;
}

.formphase li {
	display: block;
/* phaseSplit, remove float, width, margin. adjust text-align, padding */
/*	float: left;
	width: 140px;
	margin-right: 1px; 
    text-align: center;
	background-color: #dcdcdc;
	padding: 9px 0px 7px 0px;*/
    text-align: left;
    margin-bottom: 1px;
    padding: 9px 0 7px 0; 
	background-color: #eeeeee;
	font-size: 12px;
	font-weight: bold;
}

.formphase li.selectedPhase {
	background-color: #c4c4c4;
	padding-bottom: 0;
}

.formphase li.noSubPhases {
	padding-bottom: 7px;
}

.formphase li a {
	margin-left: 15px;
}

.form-field-divider {
	margin: 27px 0 27px 0;
	border-top: 1px dotted #cecece;
	clear: both;
/* phaseSplit, adjust width -200px */
/*	width: 632px;*/	
	width: 432px;	
}

#container.color1 li.selectedPhase {
	/*background-color: #a1aab1;*/
	background-color: #EEEEEE;
}
#container.color2 li.selectedPhase {
	/*background-color: #6aaac9;*/
	background-color: #EEEEEE;
		
}
#container.color3 li.selectedPhase {
	/*background-color: #e1ae00;*/
	background-color: #EEEEEE;
}
#container.color4 li.selectedPhase {
	/*background-color: #b96267;*/
	background-color: #EEEEEE;
}
#container.color5 li.selectedPhase {
	/*background-color: #ab6e98;*/
	background-color: #EEEEEE;
}
#container.color6 li.selectedPhase {
	/*background-color: #0eaf93;*/
	background-color: #EEEEEE;
}

.formphase li.selectedPhase a:link,
li.selectedPhase a:visited,
li.selectedPhase a:hover {
/*	color: #ffffff;*/
}

/* Application Form and Input area */
.applicationForm {
	margin: 0;
	padding: 0 0 0 0;
	color: #6b6b6b;
}
	
.leftpart {
	float: left;
/* phaseSplit, set width */
	width: 492px;
}

.applicationInputWrapper {
/* phaseSplit, adjust width -200px */
/*	width: 694px;*/
	width: 494px;
	
	border: 1px solid #dcdcdc;
	margin-bottom: 25px;
	float: left;
	padding: 3px;
}

.applicationListInputWrapper {
	width: 694px;
	
	
	border: 1px solid #dcdcdc;
	margin-bottom: 25px;
	float: left;
	padding: 3px;
}

.applicationInputContainer{
/* phaseSplit, adjust width -200px */
/*	width: 614px;*/
/*	width: 414px;*/
	width: 452px;
	font-size: 1.2em;
	letter-spacing: -0.4px;
	margin: 0;
	border: 1px solid #edecec;
	background-color: #fafafa;
    padding: 20px 20px 25px 20px;
}

.applicationInputContainer label{
	float: left;
	clear: left;
	padding-top: 10px;
	width: 100%;
}
.applicationInputContainer .required {
	display: inline;
	margin-left: 8px;
	margin-bottom: 6px;
}
/* Numbered list for last phase bullet points */
.applicationInputContainer ol{
	padding-left: 20px;
}

/* Specific style to labels of textareas*/
label.textAreaLabel{
	width: 100%;
	padding:  15px 0px 15px 0px;
	
}
.applicationInputContainer input.textinput {
	height: 18px;
	/*width: auto;*/
	padding: 4px 0px 4px 0px;
	margin: 4px 0px 4px 0px;
	border: 1px solid #c2c1ba;
}
/* inputboxes in Opera is transparent? */
.applicationInputContainer textarea{
	margin-bottom: 20px;
	background-color: #fff;
	width: 97%;
/*	overflow: hidden;*/
}
.applicationInputContainer input.charcounter {
	color: #6B6B6B;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	width: 46px;
	background:none;
}
.applicationInputContainer input.charcounter-exceeded {
	color: red;
}

.rightpart {
	width: 194px;
	float: right;
	margin-top: 1px;
}
.rightpart h1, .rightpart h2, .rightpart h3, .rightpart h4 {
	font-size: 14px;
	margin-top: 4px;
	padding: 0px 0px 6px 6px;
}

.rightpart .helptextcontent {
	color: #6b6b6b;
	background-color: #eeeeee;
	border: 1px solid #d0d0d0;
	padding: 6px 10px 6px 10px;
	margin-bottom: 12px;
	overflow: hidden;
}

.rightpart .helptextcontent p {
	line-height: 1.2em;
}

.rightpart a:link, .rightpart a:hover, .rightpart a:visited {
	border-bottom: 1px dotted #404040;
	text-decoration: none;
	color: #404040;
}
.rightpart a:hover {
	border-bottom: 1px solid #404040;
}


.applicationForm input.radio{
	margin: 5px;
	height: 15px;
	width: 15px;
}
#container .applicationForm input.checkbox{
	margin: 5px;
	height: 20px;
	width: 20px;
	
}
.fileupload{
	height: 22px;
	width: auto;
	padding: 4px 0px 4px 0px;
	margin: 5px 0px 5px 0px;
	border: 2px solid #c2c1ba;
}
/* Style for environmental alternatives. Specific styling needed for 3*3 layout */

.envAlt label{
	padding-top: 7px;
	margin: 0px;
	float: left;
	width: 20%;
	clear: both;
}
.envAlt input{
	float: left;
	margin-top: 10px;
	margin-right: 30px;
}

.envAltSeparator {
 	height: 20px;
	clear: both;
}

.applicationListWrapper {
	float: right;
}
.applicationListWrapper h3 {
	margin-top: 0px;
	width: 692px;
}

.applicationList {
	padding-right: 9px;
	padding-left: 12px;
	border: 1px solid #edecec;
	clear: both;
	background-color: #fafafa;
}

.applicationList.approved {
	background-color: #f5f4f4;
}
.noapplications {
	padding: 20px 8px 20px 8px;
}
.applicationList a:link,
.applicationList a:visited,
.applicationList a:hover {
	text-decoration: none;
	color: #000;
}
.applicationList p {
	padding-left: 10px;
}
.applicationList p.subName {
	color: #404040;
	
}
.applicationList p.info {
	color: 	#7e7e7e;
}
.applicationList img {
	border: 1px solid #cecece;
	float: left;
	padding: 3px;
}
.applicationList li {
	padding-top: 10px;
	margin-bottom: 20px;
	/*float: left;*/
	border-top: 1px dotted #cecece;
	height: 55px;
	width: 100%;
	list-style: none;
	clear: both;
}
.applicationList h3 {
	border: 0;
	width: auto;
	padding-left: 0;
	padding-bottom: 0px;
	margin-top: 16px;
}

.applicationListItem h3{
	font-size: 16px;
	font-weight: 400;
	/*font-weight: 600;*/
}

.applicationListItem h3, .applicationListItem h4 {
	border: 0;
	margin: 0;
	padding: 0 0 0 10px;
}

.applicationListItem h3 span.locked {
	background: url(images/lockedapplication.png) no-repeat right;
	padding-right: 26px;
}

.applicationListItem img {
	width: 72px;
	height: 36px;
	border: 1px solid #cecece;
}
.itemtext {
	width: 390px;
	float: left;
}
.itemlinks {
	float: right;
	width: 170px;
}
.itemlinks a:link,
.itemlinks a:visited,
.itemlinks a:hover {
	font-size: 10px;
	color: #404040;
	border-bottom: 1px dotted;
	float: left;
	margin-bottom: 4px;
	clear: left;
}
.itemlinks a:hover {
	border-bottom: 1px solid;
}
.itemlinks a.color1 {
	border-color: #a1aab1;
}
.itemlinks a.color2 {
	border-color: #6aaac9;
}
.itemlinks a.color3 {
	border-color: #e1ae00;
}
.itemlinks a.color4 {
	border-color: #b96267;
}
.itemlinks a.color5 {
	border-color: #ab6e98;
}
.itemlinks a.color6 {
	border-color: #0eaf93;
}

.pdflink {
	height: 30px;
	width: 130px;	
	margin-left: 500px;
	margin-top: 40px;
}
.pdflink .pdficon {
	height: 17px;
	width: 17px;
	background-image: url(images/bg_pdf.jpg);
	background-repeat: no-repeat;
	margin-right: 8px;
	float: left;
}
.pdflink a:link, .pdflink a:visited, .pdflink a:hover {
	margin-top: 3px;
	float: left;
	font-size: 13px;
	font-weight: normal;
}
.pdflink .pdfarrow {
	height: 11px;
	width: 9px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 8px;
	margin-top: 5px;
	}
.pdflink .pdfarrow.color1 {
	background-image: url(images/blue_bullet.gif);
}
.pdflink .pdfarrow.color2 {
	background-image: url(images/blue_bullet.gif);
}
.pdflink .pdfarrow.color3 {
	background-image: url(images/yellow_bullet.gif);
}
.pdflink .pdfarrow.color4 {
	background-image: url(images/red_bullet.gif);
}
.pdflink .pdfarrow.color5 {
	background-image: url(images/purple_bullet.gif);
}
.pdflink .pdfarrow.color6 {
	background-image: url(images/green_bullet.gif);
}

#imagecontainer,
#imagecontainer-nogallery {
	margin-bottom: 12px;
}
#imagecontainer .image img,
#imagecontainer-nogallery .image img {
	border: 1px solid #cecece;
	padding: 2px;
}
span.ajax-button-not-visible {
    display: none;
}
span.ajax-button-visible {	
	display: inline !important;    
}
span.ajax-button-visible input {
	border: 1px solid #cecece;
	padding: 2px;
	background-position: center center;
}
.imagegalleryWrapper {
	padding-bottom: 10px;
	border-bottom: 1px dotted #cecece;
}
.imageGallery img {
	float: left;
	border: none;
	padding: 2px;
	margin: 0px 4px 0px 0px;
	border: 1px solid #cecece;
	
}

.full-articledisplay {
	width: 469px;
	float: left;
	
}
.full-articledisplay h1 {
	margin-left: 2px;
	margin-top: 3px;
}
.full-articledisplay ul {
	margin-left: 26px;
}
.full-articledisplay a:link,
.full-articledisplay a:visited,
.full-articledisplay a:hover {
	color: #404040;
	border-bottom: 1px dotted #404040;
	text-decoration: none;
}

.full-articledisplay a:hover {
	border-bottom: 1px solid #404040;
}
.full-articledisplay h3 {
	width: 455px;
	margin-top: 0px;
}
.full-articledisplay h4 {
	font-size: 20px;
	padding-top: 0px;
	margin-top: 20px;
	border: none;
	padding-left: 10px;
}

.full-articledisplay p {
	padding-left: 2px;
	color: #6b6b6b; 
	line-height: 16px;
	font-size: 12px;
}
.full-articledisplay p.ingress {
	padding-left: 10px;
}

.startApplication {
	padding: 0;
	width: 336px;
	margin-bottom: 1px;
	margin-left: 10px;
	height: 34px;
	background-color: #a1aab1;
}
.applicationInputContainer .startApplication {
	margin-left: 0px;
	width: 246px;
}
.startApplication a:link,
.startApplication a:visited,
.startApplication a:hover {
	clear: both;
	float: left;
	color: #ffffff;
	height: 30px;
	font-size: 17px;
	font-family: Georgia, Serif;
	text-decoration: none;
	padding: 7px 0px 0px 12px;
	width: 336px;
	background-image: url(images/menuitem.png);
	background-repeat: no-repeat;
	background-position: 93% 50%;
	border-bottom: none;
}
.applicationInputContainer .startApplication a:link,
.applicationInputContainer .startApplication a:visited,
.applicationInputContainer .startApplication a:hover {
	width: 236px;
}
#container.color2 .startApplication a:link,
#container.color2 .startApplication a:visited,
#container.color2 .startApplication a:hover
{
	background-image: url(images/menuitem_color2.png);
}
#container.color3 .startApplication a:link,
#container.color3 .startApplication a:visited,
#container.color3 .startApplication a:hover
{
	background-image: url(images/menuitem_color3.png);
}
#container.color4 .startApplication a:link,
#container.color4 .startApplication a:visited,
#container.color4 .startApplication a:hover
{
	background-image: url(images/menuitem_color4.png);
}
#container.color5 .startApplication a:link,
#container.color5 .startApplication a:visited,
#container.color5 .startApplication a:hover
{
	background-image: url(images/menuitem_color5.png);
}
#container.color6 .startApplication a:link,
#container.color6 .startApplication a:visited,
#container.color6 .startApplication a:hover
{
	background-image: url(images/menuitem_color6.png);
}
#container.color2 .startApplication {
	background-color: #6aaac9;
}
#container.color3 .startApplication {
	background-color: #e1ae00;
}
#container.color4 .startApplication {
	background-color: #b96267;
}
#container.color5 .startApplication {
	background-color: #ab6e98;
}
#container.color6 .startApplication {
	background-color: #0eaf93;
}

.applicationRatingForm {
	width: 457px;
	border: 1px solid #dcdcdc;
	padding: 3px;
}
.applicationRatingForm table {
	
	margin: 10px 12px 0px 12px;
	padding: 0px;
	
}

.applicationRatingForm table td {
	text-align: center;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #cecece;
}

.applicationRatingForm table td.ratinglabel {
	text-align: left;
	width: 295px;
}


.applicationRatingFormWrapper {
	border: 1px solid #edecec;	
	background-color: #fafafa;
}

.applicationRatingForm .submitbuttons {
	margin-left: 64px;
}

.applicationRatingForm input.submit {
	color: #ffffff;
	height: 34px;
	font-size: 18px;
	font-family: Georgia, Serif;
	margin: 20px 0px 12px 12px;
	padding: 0px 30px 0px 12px;
	background-image: url(images/menuitem.png);
	background-repeat: no-repeat;
	background-position: 90% 60%;
}

#container.color2 .applicationRatingForm input.submit {
	background-color: #6aaac9;
	background-image: url(images/menuitem_color2.png);
}
#container.color3 .applicationRatingForm input.submit {
	background-color: #e1ae00;
	background-image: url(images/menuitem_color3.png);
}
#container.color4 .applicationRatingForm input.submit {
	background-color: #b96267;
	background-image: url(images/menuitem_color4.png);
}
#container.color5 .applicationRatingForm input.submit {
	background-color: #ab6e98;
	background-image: url(images/menuitem_color5.png);
}
#container.color6 .applicationRatingForm input.submit {
	background-color: #9eaf93;
	background-image: url(images/menuitem_color6.png);
}



.contactinfo {
	padding: 0;
	margin-right: 10px;
	width: 227px;
	float: left;
}
.contactinfo h3 {
	width: 217px;
	margin-top: 0px;
}
.contactinfo .tile-content {
	background-color: #eeeeee;
	border: 1px solid #c5c5c5;
}
.contactinfo ul {
	padding: 0 !important;
	margin: 0px 0px 12px 0px !important;
	list-style: none;
	width: 100%;
}

.contactinfo ul li {
	padding: 0;
	width: 207px;
	margin: 10px 0px 10px 9px; 
}
.contactinfo ul li h4 {
	font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
	padding-left: 7px;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	width: 200px;
	border-bottom: 2px solid blue;
}
.contactinfo ul li p {
	border: 1px solid #c5c5c5;
	background-color: #dcdcdc;
	padding: 11px;
	
}

.ratingarticle {
	margin-bottom: 36px;
}

.full-articlelist {
	width: 227px;
	float: left;	
	margin-right: 10px;
}

.full-articlelist-twocolumn {
	width: 463px;
	float: left;	
	margin-right: 10px;
	margin-left: 3px;
	
}


.full-articlelist ul {
	margin-left: 0px;
	list-style: none;
	float: left;
	width: 227px;	
}

.full-articlelist-twocolumn ul {
	list-style: none;
	float: left;
	width: 463px;
	margin: 0;
	padding: 0;
}

.full-articlelist li,
.full-articlelist-twocolumn li {
	height: 170px;
	border: 1px solid #eeeded;
	background-color: #fafafa;
	margin-bottom: 5px;
	padding: 0 5px 0 5px;
}

.full-articlelist-twocolumn li.odd {
	float: left;
	width: 217px;
	margin: 0 5px 5px 0;
	/*padding: 0;*/
}

.full-articlelist-twocolumn li.even {
	float: left;
	clear: right;
	width: 217px;
	margin: 0 0 5px 0;
	/*padding: 0;*/
}

.full-articlelist li:hover,
.full-articlelist-twocolumn li:hover {
	background-color: #eeeeee;
	border-color: #cecece;
}


.full-articlelist img,
.full-articlelist-twocolumn img {
	display: none;
}

.full-articlelist h2,
.full-articlelist-twocolumn h2 {
	color: #404040;
	width: 207px;
	height: 50px;
	font-size: 20px;
	margin: 0px 0px 4px 0px;
	padding: 0px 10px 7px 10px;
}

#container .full-articlelist .application h3,
.full-articlelist-twocolumn .application h3 {
	font-size: 18px;
	width: 203px;
	padding: 0px 0px 4px 0px;
	margin-left: 0px;
	margin-bottom: 6px;
	margin-top: 4px;
	border-bottom: 1px dotted #cecece;
}
.full-articlelist h3 a:link,
.full-articlelist h3 a:visited,
.full-articlelist h3 a:hover,
.full-articlelist-twocolumn h3 a:link,
.full-articlelist-twocolumn h3 a:visited,
.full-articlelist-twocolumn h3 a:hover {
	text-decoration: none;
}

.full-articlelist h3 a:hover,
.full-articlelist-twocolumn h3 a:hover {
	
}

.full-articlelist .application,
.full-articlelist .application {
	width: 203px;
	margin: 0px 0px 15px 12px;
}

.full-articlelist .application p a:link,
.full-articlelist .application p a:visited,
.full-articlelist .application p a:hover,
.full-articlelist-twocolumn .application p a:link,
.full-articlelist-twocolumn .application p a:visited,
.full-articlelist-twocolumn .application p a:hover {
	color: #6b6b6b; 
	line-height: 16px;
	font-size: 11px;
	text-decoration: none;
}

.full-articlelist .date,
.full-articlelist-twocolumn .date {
	display: none;
}

.full-articlelist .application p.awardname,
.full-articlelist-twocolumn .application p.awardname {
	font-size: 11px;
	margin: 6px 0px 0px 0px;
	display: none;
}



.full-articlelist .bulletImage,
.full-articlelist-twocolumn .bulletImage,
.application-categorylist-twocolumn .bulletImage {
	/*height: 10px;*/
	/*width: 10px;*/
	/*float: left;
	display: block;*/
	padding: 0px 5px 0px 5px;

	background-repeat: no-repeat;
	background-position: center;
	/*margin-left: 3px;*/
	
}


.application-categorylist-twocolumn .color1 .bulletImage  {
	background-image: url(images/grey_bullet.gif);
}

.full-articlelist.color2 .bulletImage,
.full-articlelist-twocolumn.color2 .bulletImage,
.application-categorylist-twocolumn .color2 .bulletImage  {
	background-image: url(images/blue_bullet.gif);
}
.full-articlelist.color3 .bulletImage,
.full-articlelist-twocolumn.color3 .bulletImage,
.application-categorylist-twocolumn .color3 .bulletImage  {
	background-image: url(images/yellow_bullet.gif);
}
.full-articlelist.color4 .bulletImage,
.full-articlelist-twocolumn.color4 .bulletImage,
.application-categorylist-twocolumn .color4 .bulletImage  {
	background-image: url(images/red_bullet.gif);
}
.full-articlelist.color5 .bulletImage,
.full-articlelist-twocolumn.color5 .bulletImage,
.application-categorylist-twocolumn .color5 .bulletImage  {
	background-image: url(images/purple_bullet.gif);
}
.full-articlelist.color6 .bulletImage,
.full-articlelist-twocolumn.color6 .bulletImage,
.application-categorylist-twocolumn .color6 .bulletImage  {
	background-image: url(images/green_bullet.gif);
}


.list-navigation {
	clear: both;
	text-align: center;
	width: 700px;
}

/* THEME COLORS:
	gray: #a1aab1;
	blue: #6aaac9;
	yellow: #e1ae00;
	red: #b96267;
*/



#container.color1 h3,
#container.color1 h4 {
    border-color: #a1aab1;
}
#container.color2 h3,
#container.color2 h4 {
    border-color: #6aaac9;
}
#container.color3 h3,
#container.color3 h4 {
    border-color: #e1ae00;
}
#container.color4 h3,
#container.color4 h4 {
	border-color: #b96267;
}
#container.color5 h3,
#container.color5 h4 {
	border-color: #ab6e98;
}
#container.color6 h3,
#container.color6 h4 {
	border-color: #0eaf93;
}
.color1 h2 {
	border-color: #a1aab1;
}
.color2 h2 {
	border-color: #6aaac9;
}
.color3 h2 {
	border-color: #e1ae00;
}
.color4 h2 {
	border-color: #b96267;
}
.color5 h2 {
	border-color: #ab6e98;
}
.color6 h2 {
	border-color: #0eaf93;
}
.color1 h3 a:link,
.color1 h3 a:visited,
.applicationList .itemtext a:link.color1,
.applicationList .itemtext a:visited.color1 {
	color: #a1aab1;
}
.color1 h3 a:hover,
.applicationList .itemtext a:hover.color1 {
	background-color: #a1aab1;
	color: #ffffff;
}

.color2 h3 a:link,
.color2 h3 a:visited,
.applicationList .itemtext a:link.color2,
.applicationList .itemtext a:visited.color2 {
	color: #6aaac9;
}
.color2 h3 a:hover,
.applicationList .itemtext a:hover.color2 {
	background-color: #6aaac9;
	color: #ffffff;
}

.color3 h3 a:link,
.color3 h3 a:visited,
.applicationList .itemtext a:link.color3,
.applicationList .itemtext a:visited.color3 {
	color: #a47e0a;
}
.color3 h3 a:hover,
.applicationList .itemtext a:hover.color3 {
	background-color: #e1ae00;
	color: #ffffff;
}

.color4 h3 a:link,
.color4 h3 a:visited,
.applicationList .itemtext a:link.color4,
.applicationList .itemtext a:visited.color4 {
	color: #b96267;
}

.color4 h3 a:hover,
.applicationList .itemtext a:hover.color4 {
	background-color: #b96267;
	color: #ffffff;
}
.color5 h3 a:link,
.color5 h3 a:visited,
.applicationList .itemtext a:link.color5,
.applicationList .itemtext a:visited.color5 {
	color: #ab6e98;
}

.color5 h3 a:hover,
.applicationList .itemtext a:hover.color5 {
	background-color: #ab6e98;
	color: #ffffff;
}
.color6 h3 a:link,
.color6 h3 a:visited,
.applicationList .itemtext a:link.color6,
.applicationList .itemtext a:visited.color6 {
	color: #0eaf93;
}

.color6 h3 a:hover,
.applicationList .itemtext a:hover.color6 {
	background-color: #0eaf93;
	color: #ffffff;
}



.big-letters {
	font-size: 20px;
	font-family: georgia;
	color: #404040;
}
.full-articlelist table,
.full-articlelist-twocolumn table {
	border: 0; 
	border-bottom: 4px solid;
	padding: 0; 
	margin: 0;
	margin-bottom: 4px;
	height: 60px; 
	width: 100%;
	padding-left: 9px;	
}

.full-articlelist-twocolumn table {
	height: 0px;
}

.color1 table {
	border-color: #a1aab1;
}
.color2 table {
	border-color: #6aaac9;
}
.color3 table {
	border-color: #e1ae00;
}
.color4 table {
	border-color: #b96267;
}
.color5 table {
	border-color: #ab6e98;
}
.color6 table {
	border-color: #0eaf93;
}


.programmatic-clearboth {
	margin: 0px;
	padding: 0px;
	height: 0px;
	clear: both;
}


.leftpart .applicationInputContainer ul li {
	clear:both;
	list-style-type:none;
}

/*appform*/
.appformMA {
	float: left;
	padding: 10px;
	margin: 10px;
	background-color: #cccccc;

}

/*appform*/

.application-categorylist-twocolumn {
	width: 467px;
	float: left;
	margin-right: 0px;
	padding: 0;
}

.application-categorylist-twocolumn .applicationdate {
	font-size: 11px;
	color: #404040;
	padding: 10px 0 2px 0;
}

.application-categorylist-twocolumn ul {
	list-style: none;
	float: left;
	width: 467px;
	margin: 0;
	padding: 0 0 0 0;
}


.application-categorylist-twocolumn li.odd {
	float: left;
	width: 230px;
	margin: 5px 5px 5px 0;
	padding: 0;
}

.application-categorylist-twocolumn li.even {
	float: left;
	clear: right;
	width: 230px;
	margin: 5px 0 5px 0;
	padding: 0;
}

.application-categorylist-twocolumn h3 {
	margin-top: 2px;
	padding-bottom: 2px;
	width: 457px;
}
.application-categorylist-twocolumn .color1 h3 {
	border-bottom:4px solid #A1AAB1;
	width: 214px;
	
}
.application-categorylist-twocolumn .color2 h3 {
	width: 214px;
}
.application-categorylist-twocolumn .color3 h3 {
	width: 214px;
}
.application-categorylist-twocolumn .color4 h3 {
	width: 214px;
}
.application-categorylist-twocolumn .color5 h3 {
	width: 214px;
}
.application-categorylist-twocolumn .color6 h3 {
	width: 214px;
}

.application-categorylist-twocolumn .catinfo {
	padding: 5px 0 0 9px;
	
	background-color: #fafafa;
	margin: 0 3px 0 3px;
	height: 250px;
		
}

.application-categorylist-twocolumn .catinfo:hover {
	background-color: #EEEEEE;
}
.application-categorylist-twocolumn .catinfo:hover .header a:link,
.application-categorylist-twocolumn .catinfo:hover .header a:visited,
.application-categorylist-twocolumn .catinfo:hover .header a:hover {
	background-color: #b9ab9b;
	color: #fff;
}

.application-categorylist-twocolumn .catinfo .header {
	font-family: Georgia, Serif;
	font-weight: normal;
	width: 97%;
	color: #404040;
	font-size: 20px;
	padding-bottom: 4px;
	padding-left: 0px;	
	margin: 6px 0px 4px 0px;
	border-bottom: 1px dotted #cccccc;	
}

.application-categorylist-twocolumn .catinfo .header a{
	color: #404040;
}

.application-categorylist-twocolumn .catinfo .ingress {
	font-weight: normal;
	width: 97%;
	color: #404040;
	
	padding-bottom: 4px;
	
}

.application-categorylist-twocolumn li img {
	padding: 2px;
	border: 1px solid #CECECE;
}

.applicationMenu_menuWrapper {
	float: left;
	width: 190px;
	padding: 0;
	margin: 2px 10px 0 0;
}

/*appform*/
/* A nasty clear-both to make msie render pages properly. */
/* The div MUST have content, such as a nbsp, even though */
/* font-size is set to zero. The div takes up no space.   */
div.clear-both {
        margin: 0px;
        padding: 0px;
        border: 0px;
        height: 0px;
        line-height: 0;
        font-size: 0px;
        clear: both;
}

/*
   phaseSplit adjustments ---------------------------------------------------
*/

/* -- menuWrapper ----------------------------------------------------------- */
.phaseSplit_menuWrapper {
	float: left;
	width: 190px;
	padding: 0;
	margin: 0 10px 0 0;
}

/* -- formWrapper ----------------------------------------------------------- */
.phaseSplit_formWrapper {
	float: left;
	width: 740px;
	padding: 0;
	margin: 0;
}

div.buttonBar li.hidden,
.formphase li.hidden,
.hidden {
	display: none;
}

ul.subPhases {
	background-color: #fff;
	margin-top: 7px;
	border-top: 1px solid #fff;
}
.subPhases li.active {
    background-color: #c4c4c4;
}
.subPhases li {
	background-color: #dcdcdc;
	margin: 0 0 1px 0;
	padding-left: 30px;
	font-size: 11px;
	font-weight: normal;
}
.subPhases li a {
	margin-left: 0;
}

.applicationMenu_menuWrapper li.subelements {
	background-image: url('images/arrow_right.gif') ;	
	background-repeat: no-repeat;
	background-position: -8px 13px;
}

.applicationMenu_menuWrapper li.selectedSub {
	background-image: url('images/arrow_down.gif') ;	
	background-repeat: no-repeat;
	background-position: -8px 14px;
}


.application-categorylist-twocolumn a:link,
.application-categorylist-twocolumn a:visited,
.application-categorylist-twocolumn a:hover    {
	text-decoration: none;
}



.costTable td {
    font-size: 11px;
    padding:0;
    margin:0;
}
.costTable th {
    font-size: 11px;
    font-weight:normal;
    padding:0;
    margin:0;
}



/* ---------------------------- */
/* Split article list 			*/
/* ---------------------------- */

.split-articlelist {float: left;}

.split-articlelist h2	{ font-size: 20px; color: #404040; font-weight:normal; margin: 2px 0px 4px 0px; padding: 0px 0px 2px 10px; width:457px;} 

h3.title-pad 							{ border-bottom:1px dotted #cecece; font-size: 20px; font-weight:normal; padding: 0px 0px 4px 0px;}
.split-articlelist ul.small h3.title 	{ font-size:1.7em; font-weight:normal; width:168px; float:right;}
h3.title-pad_small 						{ font-size:1em; 	font-weight:normal;}
.title-pad 								{ margin:10px 0 0;}



.split-articlelist h2 a:hover			{ background-color:transparent;}
#frontNews h3 a 						{ font-size:2.0em; color:#404040; font-weight:normal; margin:0px 0px 3px 12px; width:288px; }

.split-articlelist ul.small h3.title 	{ font-size:1.7em; font-weight:normal; width:168px; float:right;}

.split-articlelist ul li:hover			{ background-color:#EEEEEE;}

/* BIG 2-3*/
.split-articlelist li 					{ list-style:none; margin:0px 0px 8px 0px; padding:10px 10px 10px 8px; background-color: #FAFAFA; overflow: hidden; }
.split-articlelist li span.date 		{ font-family:arial, verdana, sans-serif; color:#404040; font-size:0.9em; }
.split-articlelist ul.big li:hover 		{ background-color:#eeeeee;}
.split-articlelist ul.big li:hover img.pic{ border:1px solid #B9AB9B; }
.split-articlelist ul.big li a.title 	{ font-size:2.0em; }
.split-articlelist ul.big li a.title_small { font-size:2.0em; }

.split-articlelist ul.big li a.title_small, 
.split-articlelist ul.big li a:link 	{color:#404040; text-decoration:none;}

.split-articlelist ul.big li a.title_small,
.split-articlelist ul.big li a:hover 	{color:#ffffff; background-color:#b9ab9b; text-decoration:none;}
.split-articlelist ul.big li a.title_small, 

.split-articlelist ul.big li a:active 	{color:#404040; text-decoration:none;}

.split-articlelist ul.big li a.title_small, 
.split-articlelist ul.big li a:visited 	{color:#404040; text-decoration:none;}

.split-articlelist ul.big li h3 a:hover	{ background-color:#B9AB9B; color:#FFFFFF; text-decoration:none; }
.split-articlelist ul.big li h3 a		{ color:#404040 } 
.split-articlelist ul.big li img.pic 	{ border:1px solid #cecece; padding:2px; background-color:#ffffff;}


.split-articlelist ul.big li p 			{ font-family:arial, verdana, sans-serif; color:#6b6b6b; margin:6px 0px 0px 0px; padding:6px 0px 0px 0px; font-size:12px;   }

#container.color2 .split-articlelist ul.big li:hover h3 a:link,
#container.color2 .split-articlelist ul.big li:hover h3 a:visited,
#container.color2 .split-articlelist ul.big li:hover h3 a:hover {color:#ffffff; background-color:#6aaac9;}

#container.color4 .split-articlelist ul.big li:hover h3 a:link,
#container.color4 .split-articlelist ul.big li:hover h3 a:visited,
#container.color4 .split-articlelist ul.big li:hover h3 a:hover {color:#ffffff; background-color:#b96267;}

#container.color2 .split-articlelist ul.big li:hover img.pic { border-color: #6aaac9; }
#container.color4 .split-articlelist ul.big li:hover img.pic { border-color: #b96267; }

/* Two column */
.split-articlelist.twocolumn { width: 467px;}
.twocolumn ul.big li{ background-color: #FAFAFA; }
.split-articlelist.twocolumn ul.big		{ display:block; width:100%; }
.split-articlelist.twocolumn ul.small	{ display:block; width:100%; background-color:#FFFFFF;	clear:both; }

.split-articlelist.twocolumn li.odd 	{ float:left; margin: 0 0 8px; padding:12px 10px; width:208px; display:inline;clear:both; }
.split-articlelist.twocolumn li.even	{ float:right; margin: 0 0px 8px 0!important; padding:12px 10px; width:208px; }
.split-articlelist.twocolumn ul.small li.last 	{ border-bottom:1px dotted #CFCFCF;}


/* NEW STYLING FOR NEW APPLICATION FORM SYSTEM 2009/10 */

.applicationform .ctwebform-div td.label {
	width: 190px;
	font-size: 12px;
}
.applicationform .ctwebform-div td.columnlabel {
	width: 65px;
	font-size: 12px;
	text-align: center;
}
.applicationform .ctwebform-div td.input {
	padding: 0px 4px 0px 4px;
}

.applicationform .ctwebform-element-type-text input,
.applicationform .ctwebform-div td .subtotal,
.applicationform .ctwebform-div td .total {
	color: #6b6b6b;
	height: 19px;
	font-size: 12px;
	padding: 4px 0px 4px 0px;
	margin: 4px 0px 4px 0px;
	border: 1px solid #c2c1ba;
	background-color: #fff;
}
.applicationform td.input .ctwebform-element-container-validationerror input {
	border: 1px solid red;
}
.applicationform .ctwebform-div td .subtotal,
.applicationform .ctwebform-div td .total {
	width: 65px;
	height: 21px;
	text-align: center;
	margin-left: 4px;
	padding: 6px 0px 0px 0px;
	background-color: #edecec;
}

.applicationform .ctwebform-element-type-text input.defaultsize {
	width: 300px !important;
}

.applicationform td.input .ctwebform-element-type-text input.defaultsize {
	width: 65px !important;
}

.ctwebform-element-type-textarea textarea {
	border: 1px solid #c2c1ba;
}
.ctwebform-element-type-textarea textarea.defaultsize {
	width: 420px !important;
	height: 200px !important;
}

.ctwebform-element-type-multicheckbox .ctwebform-element-label,
.ctwebform-element-type-radio .ctwebform-element-label {
	display: block;
	margin-bottom: 10px;
}

.ctwebform-element-type-button input {
	float: left;
}
.ctwebform-element-type-button input.nofloat {
	float: none;
}
.ctwebform-element-type-button input {
	border: 1px solid #404040;
	margin: 4px 4px 4px 0px;
}

hr {
	margin: 27px 0 27px 0;
	border: none;
	border-top: 1px dotted #cecece;
  	height: 0;
	width: 450px;
	clear: both;
}


span.ctwebform-element-validationerror {
	color: red;
}

.uploadedimage {
	margin: 12px 0px 12px 0px;
}

.autosavetext {
	background-color: #fffdda;
	color: #404040;
	font-size: 10px;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 400px;
	width: 110px;
	padding: 3px;
}