html, body {
  height: 100%;
}

body {
  font-size: 11px;
  margin: 0 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #264088;
}

#main {
  padding-bottom: 10px;
  width: 1007px;
  margin: 0 auto;
}  /* must be same height as the footer */

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#header {
  height: 100px;
  width: 100%;
  padding-bottom: 15px;
  margin-bottom:-1px;
}



#lhead {
  float: left;
  height: 46px; 
  padding-left:1px;
  padding-top:1px;
  margin-bottom:-1px;
}

#tabtop {
  width: 200px;
  float: left;
}

#menuTabs {
  position: relative;
  top: 12px;
	*top: 23px;
  _top: 26px;
  height: 24px;
}

#menuTabs li {
  list-style-type: none;
  display: inline;
  line-height: 22px;
}

#menuTabs li a{
  float: left;
  display: block;
  background: #2C4896 url(/includes/images/app/tab.gif) top left no-repeat;
  margin: 0 1px 0 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  padding: 0 10px 0 10px;
}

#menuTabs li.selected a {
  border-bottom: 1px solid #2C4896;
}

#menuTabs a {
  color: #fff;
  text-decoration: none;
}

#rhead {
  height: 46px;
  float: right;
}

#rhead form table tr td {
  vertical-align: middle;
  height: 46px;
  _height: 1px; /*because IE heights are all messed up*/
} 

#rhead li {
  display: inline;
  list-style: none;
}

#menu {
  height: 54px;
  width: 100%;
  background: #B0BDD9;
}

#menutop {
  height: 26px;
  width: 100%;
  background: #2C4794;
}

.myMenu {
  float: left;
  height: 26px;
  display:none;
}

.myMenu a {
  color: #FFF;
}

#tableLayout {
  height: 100%; 
  width: 1007px; 
  background: white;
  /*Box shadows*/
  box-shadow: 0px 0px 10px #1F1F1F; /*Top offset, Right offset, Size, Colour*/
  -moz-box-shadow: 0px 0px 10px #1F1F1F; 
  -webkit-box-shadow: 0px 0px 10px #1F1F1F;
}

.shadow {
  /*Box shadows*/
  box-shadow: 0px 0px 10px #1F1F1F; /*Top offset, Right offset, Size, Colour*/
  -moz-box-shadow: 0px 0px 10px #1F1F1F; 
  -webkit-box-shadow: 0px 0px 10px #1F1F1F;
	border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

img {
  border: 0;
}

.iconright {
  float: right;
  margin-top: 2px;
}

.clear {
  clear: left;
}

.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 250px;
}

.list li {
  margin: 0;
  padding: 5px;
  cursor: move;
  width: 240px;
  height: 20px;
}

.list2 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 200px;
}

.list2 li {
  margin: 0;
  padding: 5px;
  width: 190px;
  height: 20px;
}

.lft {
  float: left;
  margin: 0 30px 10px 0;
  padding: 20px;
}

#menubar a, #menubar a:visited {
  color: #FFF;
  text-decoration: none;
}

#menubar a:hover {
  color: #FFF;
  text-decoration: underline
}

#menubar {
  margin-bottom: 20px;
  margin-top: 10px;
}

#menubar ul {
  margin: 0;
  padding: 0;
}

#menubar #mainmenu {
  background-color: #264088;
  line-height: 25px;
}

#menubar #submenu {
  background-color: #B0BDD9;
  line-height: 25px;
}

#menubar #mainmenu ul li {
  display: inline;
  list-style-type: none;
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  margin-left: 20px;
}

#menubar #mainmenu ul li ul {
  display: none;
}

#menubar #submenu ul li {
  display: inline;
  list-style-type: none;
  color: #FFF;
  margin-left: 20px;
}

#content {
  width: 100%;
  height: 100%;
  float: left;
}

.colspacer{ width:16px; max-width:16px; padding:0}
.colspacer span{ width:16px;display: block;}

div.webpart { padding-bottom: 0px; }

label {
  float: left;
  width: 140px;
  text-align: right;
  margin-right: 4px;
}

.container {
  border: 1px solid #264088;
  margin-bottom: 10px;
}

.container .containerfooter {
  background: #fff; 
  padding: 0px 3px 3px 3px; 
  border-width: 1px 0 0 0; 
  text-align: right;
}

.containeroptions {
  height: 16px;
  background: #D3DCEE;
  border: 1px solid #264088;
  padding: 2px;
  border-width: 0 0 1px 0;
}

#col2 .containeroptions {
  height: 16px;
  background: #D3DCEE;
  border: 1px solid #264088;
  padding: 2px;
  border-width: 1px 1px 0 1px;
}

#col2 .container {
  border-width: 0 0 0 0;
}

.container .subheadline,.container .subheadline a:link {
  font-size: 12px;
  color: #fff;
  background-color: #264088;
  line-height: 28px;
  padding-left: 6px;
}

.container .headline {
  background-color: #B0BDD9;
  background-position: center;
  border-bottom: 1px solid #264088;
  font-size: 12px;
  font-weight: bold; 
  padding:5px;
  min-height: 14px;
}

.container .headlinePromo {
  background-color: #E52324;
  background-position: center;
  border-bottom: 1px solid #264088;
  font-size: 12px;
  font-weight: bold; 
  padding:5px;
  min-height: 14px;
  color: #fff;
}

#col2 .container .headline {
  border: 1px solid #264088;
}

.container .containercontent {
  padding: 6px;
  margin-bottom: 10px;
}

#CLPortfolio .subheadline{font-weight:bold;}
#CLPortfolio table th#pcol2{ border-left: 1px solid #264088;}
#CLPortfolio table { /* border-right: 1px solid #264088;*/ margin-bottom:5px;
}
#CLPortfolio table th{ 
  background-color: #B0BDD9;
  background-position: center;
  border-bottom: 1px solid #264088;
  color: #264089;
  font-size: 11px;
  font-weight: bold;
  height: 24px; width:50%;
  padding-top: 6px; 
  text-align:left;
  text-indent: 6px;
  font-weight:normal;}
  
#CLPortfolio table td{line-height:12px;}
  
  
  #CLPortfolio table td a:active {color:#002D73;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-style:normal;text-decoration:underline;}
  #CLPortfolio table td a:link {color:#002D73;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-style:normal;text-decoration:underline;}
  #CLPortfolio table td a:hover {color:#002D73;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-style:normal;text-decoration:none;}

.lightblue {
  background-color: #B0BDD9;
}

.darkblue {
  background-color: #264088;
}

.center {
  text-align: center;
}

.cbox_messagebox {
  font-size: 13px;
  font-weight: bold;
}

td.cbox_messagebox_info {
  background: #D5E8BD url(/includes/images/app/coldbox/cmsg.gif) no-repeat scroll .5em 50%;
  border: 1px solid #6DA848;
  margin: 0.3em;
  padding: 0pt 1em 0pt 3.5em;
  min-height: 50px;
 /* width: 50%;*/
  margin: 0 auto;
}
div.cbox_messagebox_info {
  background: #D5E8BD url(/includes/images/app/coldbox/cmsg.gif) no-repeat scroll .5em 50%;
  border: 1px solid #6DA848;
  padding: 0pt 1em 0pt 3.5em;
  min-height: 50px;
  width: 50%;
  margin: 0 auto 10px auto;
}


.cbox_messagebox_warning {
  background: #FFF2CF url(/includes/images/app/coldbox/wmsg.gif) no-repeat scroll .5em 50%;
  border: 1px solid #2580B2;
  padding: 0pt 1em 0pt 3.5em;
  min-height: 50px;
  width: 50%;
  margin: 0 auto 10px auto;
}

.cbox_messagebox_error {
  background: #FFFFE0 url(/includes/images/app/coldbox/emsg.gif) no-repeat scroll .5em 50%;
  border: 1px solid #2C4896;
  padding: 0pt 1em 0pt 3.5em;
  min-height: 50px;
  width: 90%;
  margin: 0 auto 10px auto;
}

label {
  width: 10em;
  float: left;
}

label.error {
  float: none;
  color: red;
  padding-left: .5em;
  vertical-align: middle;
  font-weight: bold;
}

.req {
  color: red;
  font-weight: bold;
}


a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #002D73; text-decoration: underline;}
a:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #002D73; text-decoration: underline;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #002D73; text-decoration: underline;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #002D73; text-decoration: none;}

.webnailcontainer .headline,.webnailcontainer .headlinePromo {
  background-color: #B0BDD9;
  background-position: center;
  border: 1px solid #264088;
  white-space:nowrap;
  color: #264089;
  height: 24px;
  padding-top: 6px;
  text-indent: 6px;
  width: 100%;
  font-size: 10px;
}
.webnailcontainer .containeroptions {
  background-color: #999;
  background-position: center;
  border: 1px solid #264088;
  white-space:nowrap;
  color: #264089;
  height: 24px;
  padding-top: 6px;
  text-indent: 6px;
  width: 100%;
  font-size: 10px;
}

.webnailcontainer .headlinePromo {
  background-color: #E52324;
  background-position: center;
 /* border-bottom: 1px solid #264088;*/
  color: #FFF;
}

#webnailcontent {

  height: 400px;
  border: medium;
  font-size: 10px;
  font-weight: bold;
}#webnailcontent table{ background-color:#FFFFFF}


.webnailcontainer { margin-bottom:5px;margin-left:5px;}


.minmenu div{
padding:0; padding-left:1px;
background-color:#B0BDD9;
}
.minmenu .containercontent {padding:1px;}

.minmenu .containercontent ul {
  margin: 0;
  padding: 0;
  list-style-type: none;

}

.minmenu .containercontent ul li {
  margin: 0;
  padding: 1px;
  height: 20px;
}

.minmenu .containercontent ul li a{
  background-color:#B0BDD9;
  color:#264088;
  border:1px solid #FFF;
  display:block;
  margin-top:-1px;
  padding:3px; 
  text-align:center; 
  text-decoration:none;
}
 
.minmenu .containercontent ul li a:hover {
  background-color: red;
  text-decoration: underline;
}
   
.agendatitle {
  color: #F32837;
  font-size: 11px;
}                                               

.agendaTable th, .agendaTable td{
  padding: 5px;
  padding: 6px 6px 6px 12px;
}

input[type=text], 
input[type=email], 
input[type=password], 
input[type=file], 
textarea, 
select{
  border-top:1px solid #7c7c7c;
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-bottom:1px solid #ddd;
  background:#fff url(/includes/images/app/fieldbg.gif) repeat-x top;
}

.select_countries,.select_countries:focus {
background-color:#264088;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
/*font-size:9px;*/
}


input[type=text]:focus, 
input[type=email]:focus, 
input[type=password]:focus, 
input[type=file]:focus, 
textarea:focus, 
select:focus{
  border-top:1px solid #7c7c7c;
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-bottom:1px solid #ddd;
  background: #FDE990 url(/includes/images/app/fieldbg.gif) repeat-x top;
}

img[height="16"][width="16"], .ui-datepicker-trigger{
  vertical-align:text-bottom;
  margin-left: 2px;
}

input[type=submit], 
input[type=reset], 
input[type=button], 
.fileFormClose {
  color: #264088;
  background: #efefef;
  border-top: #BDC5DB 1px solid;
  border-bottom: #15244B 1px solid;
  border-right: #15244B 1px solid;
  border-left: #BDC5DB 1px solid;
}

/*#searchvalue2 { border-right: 0px; }

#searchButton {
  border-top:1px solid #7c7c7c;
  border-left:0px;
  border-right:1px solid #c3c3c3;
  border-bottom:1px solid #ddd;
  line-height: 1;
  width: 18px;
  background: #fff url(/includes/images/app/search.png) 0px 0px no-repeat;
  _height: 21px;
  _margin-bottom: 1px;
}
*/

#tabeditmode {
  position: absolute;
  left: 5px;
  width: 190px;
  height: 24px;
}

#editmodeTabs {
  position: absolute;
  top: 0px;
  height: 24px;
	margin-top:0px;
	padding-left:0px;
}

#editmodeTabs li{
  list-style-type: none;
  display: inline;
  line-height: 22px;
}

#editmodeTabs li a{
  float: left;
  display: block;
  background: rgba(44, 72, 150, 0.8);
  border: 1px solid #2C4896;
  margin-left:1px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  padding: 0 2px 0 2px;
}

#editmodeTabs li.selected a {
  border-bottom: 1px solid #2C4896;
}

#editmodeTabs a {
  color: #fff;
  text-decoration: none;
}

#pageStats {
  background: rgba(44, 72, 150, 0.8);
  border: 1px solid #2C4896;
  color: #fff;
  width: 190px;
  margin: 13px 0 0 1px;
  padding: 0 2px 0 2px;
  z-index: 1000;
  box-shadow: 0px 0px 3px #1F1F1F; /*Top offset, Right offset, Size, Colour*/
  -moz-box-shadow: 0px 0px 3px #1F1F1F; 
  -webkit-box-shadow: 0px 0px 3px #1F1F1F;
}

#pageStats a {color: #fff; text-decoration: none;}
#pageStats a:hover {text-decoration: underline;}

/*backclickSubscribe reformat*/
.backclickSubscribe .colHeader{background-color:#b0bdd9; font-size:12px;font-weight:bold;min-height:14px;}
.backclickSubscribe table,.backclickSubscribe td{background-color:#ffffff;font-size:11px;font-style:normal;font-weight:normal;}
.backclickSubscribe table{ border:1px solid #264088;}.backclickSubscribe  table table{ border:solid 0px #00FF00;}