/* CSS Document */

.CIOOrange {color:#f58025;}
.CIOBlue {color:#005596;}
.CIOGreen {color:#8cc63f;}

 body {
      background:url(../images/bg2.gif);
      margin:0;
      padding:0;
      color:#000;
      font:x-small/1.5em Georgia,Serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
      } html>body {font-size:small;}


/*--------------------- Header ---------------------*/

.Container {
	height: 100%;
	float:none;
	width:100%;
	min-width:600px;
	max-width:900px;
	margin:0px auto auto auto;
	padding:0px;
	}

/* ---- In Firefox, if a div is not floating, it will not expand to contain 
any floating element inside of it. To get the border to work correctly in 
Firefox, this floating border div is added.	*/
.ContainerBorder {
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	border:1px solid #CCCCCC;
	}

.Header {
      float:left;
      width:100%;
	  height:150px;
      background:#DAE0D2 url("../images/bg.gif") repeat-x bottom;
      line-height:normal;
	  position:relative;
      }
.Footer {
	width:100px;
	float:none;
	}
	  
.HeaderLogo {
	width:auto;
	height:auto;
	max-width:400px;
	max-height:100px;
	padding:0px;
  	overflow:hidden;
}

.CMSInformation {
	width:auto;
	height:auto;
	max-width:300px;
	max-height:100px;
	padding:0px;
  	overflow:hidden;
	}

.CMSInformation h1 {
	font:14px Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#8cc63f;
	margin:0px;
	padding:0px;
	}

.CMSInformation h2 {
	font:16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#8cc63f;
	margin:0px;
	padding:0px;
	}

.CIOLogo {
	float:left;	
	margin:10px auto auto 10px;
}

.ClientLogo {
	margin:10px 10px auto auto;
	float:right;
}


/*--------------------- Primary Navigation ---------------------*/
	  
.PrimaryNavigation {
	clear:both;
    width:100%;
	height:30px;
    background:none;
    line-height:normal;
	position:absolute;
	bottom:0px;
	}

.PrimaryNavigation ul {
      margin:0;
      padding:6px 10px 0 15px;
      list-style:none;
      }
.PrimaryNavigation li {
      float:left;
      background:url("../images/left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
	  font-weight:bold;
      }
	  
.PrimaryNavigation li a{
	  font:11px Arial, Helvetica, sans-serif;
	  color:#005596;
	  font-weight:bold;
      }
	  
.PrimaryNavigation a {
  float:left;
  display:block;
  background:url("../images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.PrimaryNavigation a {float:none;}
/* End IE5-Mac hack */
.PrimaryNavigation a:hover {
  color:#333;
  }
.PrimaryNavigation #current {
  background-image:url("../images/left_on.gif");
  }
.PrimaryNavigation #current a {
  background-image:url("../images/right_on.gif");
  color:#f58025;
  padding-bottom:5px;
  }

/*--------------------- Main Content, below the header ---------------------*/

.MainContentContainer {
	position:relative;
	float:left;
	clear:both;
	width:100%;
	min-width:600px;
	height:auto;
	min-height:400px;
	margin:0px;
	padding:10px 0px 10px 0px;
	background:#fafaf7;
}


/*--------------------- Left Column ---------------------*/

.LeftColumn {
	float:left;
	height:auto;
	width:30%;
	max-width:300px;
	min-width:150px;
	margin:10px;
	padding:1% 1% 1% 0%;
	border-right:1px dotted #005596;
}

.LeftColumn h1 {
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#8cc63f;
	margin:0px 0px 15px 0px;
	padding:0px 0px 3px 0px;
	border-bottom:1px dotted #005596;
	}

/*--------------------- Master-list of pages ---------------------*/

#masterlistDragBox
	{
	border:1px dotted #005596;
	width:100%;
	min-width:150px;
	height:45px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	margin:10px 0px 10px 0px;
	padding:30px 0 0 0;
	}

#masterlistDragBox h1 {	
	font:14px Arial, Helvetica, sans-serif;
	color:#f58025!important;
	margin:0;
	padding:0;
	border:none!important;
	}


#masterlist {
	border-top:1px dotted #005596;
	border-bottom:1px dotted #005596;
	width:100%;
	min-width:150px;
	height:400px;
	overflow:auto;
	list-style-type:none;
	margin:0px;
	padding:0px;
	}

#masterlist li {
	border-bottom:1px solid #CCCCCC;
	width:auto;
	min-height:55px;
	max-height:70px;
	background:#DAE0D2;
	padding:5px;
	margin:0px;
	overflow:hidden;
	background:url(../images/List_BG1.gif) bottom repeat-x #ffffff;
	}

#masterlist li h1 {
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#f58025;
	border:none;
	}

#masterlist li h2 {
	font:12px Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:0px;
	padding:0px;
	color:#666666;
	}
	
#btnNew {
	margin: 10px;
	float: right;
}	

/*--------------------- Right Column ---------------------*/

.RightColumn {
	position:absolute;
	height:auto;
	width:65%;
	margin:1%;
	padding:1%;
	top:10px;
	right:0px;
}

.RightColumn h1 {
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#8cc63f;
	margin:0px 0px 15px 10px;
	padding:0px 0px 3px 0px;
	border-bottom:1px dotted #005596;
	}


/*--------------------- Navigation List ---------------------*/

#Navlist {
	list-style-type:none;
	height:auto;
	width:98%;
	min-width:235px;
	max-width:700px;
	margin:0px;
	padding:0px 0px 0px 10px;
}

#Navlist li {
	margin:0px 0px 10px 0px;
	padding:0px;
	min-height: 30px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF url(../images/List_BG1.gif) repeat-x bottom;
	}
li ul {
	background-color: #FFFFFF;
	border: dotted 1px #005596;
	list-style-type: none;
	margin: 5px;
	padding: 0px 5px;
	padding-top: 10px;
	min-height: 30px;
	clear: both;
}


/* TESTING */

.BorderOn {
	border:1px solid #000000;
	}
	
#menuselect {
	height: 75px;
	margin: 10px;
	margin-right: 0px;
	border: dotted 1px #005596;
	background-color: #DAE0D2;
	overflow: hidden;
}

#menuselect a {
	display: block;
	float: left;
	height: 100%;
	padding: 28px 20px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	color: #F58025;
}

#menuselect a:hover {
	text-decoration: underline;
	background-color: #FFFFFF;	
}

#SelectedMenu {
	text-decoration: underline;
	background-color: #FFFFFF;	
}

#menuButtons {
	margin-bottom: 10px;
	text-align: center;
}

.lbl {
	float: left;
	margin-left: 10px;
	margin-top: 3px;
	font-family: arial, helvetica, sans-serif;
}

.floatRight {
	float: right;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 5px;
}

.deleteLinks {
	color: #F58025;
	font-family: arial, helvetica, sans-serif;
}

#errorMessage {
	color: #ff0000;
}

.Logout {
	float: right;
	clear: both;
	margin: 10px;
}


#featurelist {
	height:auto;
	width:100%;
	min-width:235px;
	margin:0px;
	padding:0px 0px 0px 10px;
	clear: both;
}

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

#featurelist li {
	list-style-type:none;
	margin:0px 20px 10px 0px;
	padding:0px;
	min-height: 30px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF url(../images/List_BG1.gif) repeat-x bottom;
	}
	
.pageRight {
	float: right;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 5px;
}
	
.editLink {
	color: #F58025;
	font-family: arial, helvetica, sans-serif;
}
.viewLink {
	color: #F58025;
	font-family: arial, helvetica, sans-serif;
}
.deleteLink {
	color: #F58025;
	font-family: arial, helvetica, sans-serif;
}

#editBox {
	/*display: none;*/
	/*border: solid 1px #CCCCCC;*/
	font-family: arial, helvetica, sans-serif;
	padding: 0 20px 20px 20px;
}


#editBox form {
	/*border: solid 1px #CCCCCC;*/
	border-top: none;
	padding: 10px;
	margin-top: 0px;
}

#editBox input {
	width: 300px;
}

#editBox h3 {
	background-color: #005596;
	color: #FFFFFF;
	padding: 0px 5px;
	margin-bottom: 0px;
	margin-top:50px;
	cursor:pointer;
}

#btnAddPage {
	margin: 10px;
	float: right;
}

#frmButtons {
	margin-top: 10px;
	text-align: center;
}

#frmButtons input {
	height: auto;
	width: auto;
}

/** 
 * Form Styles
 */

.formStyle {
	/*margin-left:20px;*/
}

.formStyle label {
	width:100px;
	float:left;
}

.formStyle input, .formStyle select {
	float:left;
	min-width:150px;
}

.formStyle p {
	clear:both;
	padding:10px 0;
} 

.formStyle .btn {
	float:none;
	width:75px;	
	min-width:75px;
	margin-top:20px;
}

.formStyle fieldset {
	border:1px solid #CCC;
	width:500px;
	padding:0 20px;
	margin:0 auto;
}

.formStyle legend {
	font-weight:bold;
}

.success {
	color: green;
	text-align: center;
	width:300px;
	margin:0 auto;
	border:1px solid green;
	padding:3px;
}

.error {
	color: red;
	text-align: center;
	width:300px;
	margin:0 auto;
	border:1px solid red;
	padding:3px;	
}