html {
	min-height: 101%;
	margin-bottom: 1px;
}
body {
	margin: 0 auto;
	padding: 20px 0 0 0;
	color: #111111;
	font-size:14px;
	line-height: 1.5em;
	background: #FFFFFF url(../imgD/body_bg_greywhite.png) repeat-x left top; 
}
body.body-iframe {
	background: none;
	padding: 0;
}
html, body, div, span, p, ul, ol, li, legend, 
h1, h2, h3, h4, h5, h6, li, input, textarea, 
a, table, tr, td, th, thead, tbody, q, blockquote {
	/*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
	/*font-family: 'Asap', sans-serif;*/
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal !important;
}
h1 {font-size: 22px; }
h2 {font-size: 20px; }
h3 {font-size: 18px; }
h4 {font-size: 16px; }
h5 {font-size: 15px; }
h6 {font-size: 13px; }
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
.clear {clear: both;}
ul, ul li {
	list-style: none;
	margin: 0; padding: 0;
}
a, a:visited {
	color: #0072bc;
	text-decoration: none;
}
a:hover {
	color: #58B7F2;
	text-decoration: underline;
}
a img {
	border: none;
}
a:focus, a:hover, a:active {
	outline: none;	
}

.container {
    position: relative;
    width: 1340px;
    margin: 0 auto 20px auto;
    padding: 0;
}
@media screen and (max-width: 1400px) {
    .container {
        width: 1140px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1200px) {
    .container {
        width: 992px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1000px) {
    .container {
        width: 96%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 660px) {
    .container {
        width: 100%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1000px) {
    .defaultSkin table.mceLayout {
        margin: 0 auto;
    }
}



/***** #header  ********************/
#header {
  overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
#header h1 {
  float: left;
  width: 330px;
  height: 100px;
	background: url(../imgD/logo_new.png) left top no-repeat;
}
#header h1 a {
  display: block;
  border: none;
  width: 330px;
  height: 100px;
	font-size: 30px;
	font-weight: normal;
  text-indent: -9999px;
	line-height: 36px;
}
#header .useraccess {
	float: right;
	margin: 0; 
	padding: 0;
	color: #222222;
	text-align: right;
}
#header .useraccess p {
	line-height: 20px;
}
#header .useraccess a:hover {
	text-decoration: underline;
	color: #58B7F2;
}
#header .useraccess p.welcome span {
  color: #58B7F2;
}



/***** #nav  ********************/
#navprimary {
	width: 100%;
	height: 50px;
	background-color: #17B1F3;
}
@media screen and (max-width: 740px) {
    #navprimary {
        height: 34px;
    }
}
#navprimary .navlabel.full {
    display: block;
    float: left;
    width: 219px;
    height: 50px;
    padding: 0 30px 0 0;
    color: #acd2ee;
    font-weight: 800;
    font-style: italic;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: right;
    line-height: 50px;
    vertical-align: center;
    background-image: url(../imgD/nav-selected-50px.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
@media screen and (max-width: 1000px) {
    #navprimary .navlabel.full {
        width: 135px;
    }
}
@media screen and (max-width: 740px) {
    #navprimary .navlabel.full {
        display: none;
    }
}
#navprimary .navlabel.small {
    display: none;
}
@media screen and (max-width: 1000px) {
    #navprimary .navlabel.small {
        display: none;
    }
}
@media screen and (max-width: 740px) {
    #navprimary .navlabel.small {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        float: left;
        width: 50%;
        height: 34px;
        padding: 0 10px 0 10px;
        color: #acd2ee;
        font-weight: 800;
        font-style: italic;
        font-size: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        text-decoration: none;
        line-height: 34px;
        vertical-align: center;
        background-image: url(../imgD/bkg_nav_bluewitharrow.png);
        background-repeat: no-repeat;
        background-position: left top;
    }
    #navprimary .navlabel.small span {
        display: inline-block;
        vertical-align: bottom;
        width: 40px;
        height: 34px;
        margin: 0 0 0 10px;
        background-image: url(../imgD/icon_mobile_nav_lightblue.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
}
@media screen and (max-width: 490px) {
    #navprimary .navlabel.small {
        font-size: 13px;
    }
    #navprimary .navlabel.small span {
        width: 26px;
        margin: 0 0 0 6px;
    }
}
#navprimary .level1 {
    position: relative;
    z-index: 5;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: none;
}
#navprimary .level1 > li {
    position: relative;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 3px 0 0;
}
@media screen and (max-width: 740px) {
    #navprimary .level1 {
        position: relative;
        z-index: 5;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        clear: both;
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        list-style-type: none;
        border: none;
        background-color: #f0fafe;
        border: solid 1px #dedede;
    }
    #navprimary ul.level1.closed {
        display: none;
    }
    #navprimary ul.level1.open {
        display: block;
        overflow-y: auto;
    }
    #navprimary ul.level1 li.parent.closed > ul {
        display: none;
    }
    #navprimary ul.level1 li.parent.open > ul {
        display: block;
    }
    #navprimary ul.level1 li,
    #navprimary ul.level1 li.parent {
        position: relative;
        float: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 0;
    }
}
#navprimary .level1 > li > a {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    max-width: 200px;
    height: 50px;
    margin: 0;
    padding: 7px 25px 7px 10px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    line-height: 18px;
    border: solid 1px transparent;
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
    #navprimary .level1 > li > a {
        padding: 7px 21px 7px 5px;
        font-size: 12px;
    }
}
#navprimary .level1 a.parentlink {
    background-image: url(../imgD/nav_arrow_20px.png);
    background-repeat: no-repeat;
    background-position: right 12px;
}
#navprimary .level1 > li > a:hover, 
#navprimary .level1 > li:hover > a {
	color: #58B7F2;
	background-color: #f0fafe;
	border-color: #dedede;
}
@media screen and (max-width: 740px) {
    #navprimary .level1 > li > a {
        position: relative;
        display: block;
        width: 100%;
        max-width: none;
        height: auto;
        margin: 0;
        padding: 0 10px 0 10px;
        color: #58B7F2;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        line-height: 32px;
        white-space: nowrap;
        background-color: #f0fafe;
        border: solid #dedede;
        border-width: 1px 0;
    }
    #navprimary .level1 > li > a.parentlink {
        background-image: none;
    }
    #navprimary .level1> li > a:hover, 
    #navprimary li:hover > a {
        color: #58B7F2;
        background-color: #f0fafe;
    }
}
#navprimary ul.level2 {
	position: absolute;
	left: -9999px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #FEFEFE;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.2);
}
@media screen and (max-width: 740px) {
    #navprimary ul.level2 {
        position: relative;
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        list-style-type: none;
        background-color: #FEFEFE;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
#navprimary li:hover ul.level2 {
    left: 0;
}
@media screen and (max-width: 740px) {
    #navprimary li:hover ul.level2 {
        left: 0;
    }
}
#navprimary ul.level2 > li {
    float: left;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 740px) {
    #navprimary ul.level2 > li {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 25%;
        margin: 0;
        padding: 0;
    }
}
@media screen and (max-width: 660px) {
    #navprimary ul.level2 > li {
        width: 50%;
    }
}
#navprimary ul.level2 li > a {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 6px 30px 6px 10px;
    color: #555;
    font-size: 13px;
    text-decoration: none;
    line-height: 130%;
    white-space: normal;
    background-color: #fefefe;
    border: solid #dedede;
    border-width: 0 1px 1px 1px;
}
@media screen and (max-width: 740px) {
    #navprimary ul.level2 li > a {
        display: block;
        margin: 0;
        padding: 0 10px 0 10px;
        color: #555;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        line-height: 32px;
        white-space: nowrap;
        background-color: #fefefe;
        border: none;
    }
}
#navprimary ul.level2 li.parent > a {
    background-image: url(../imgD/nav_arrow_right.png);
    background-repeat: no-repeat;
    background-position: right 9px;
}
#navprimary ul.level2 li.parent > a:hover {
}
@media screen and (max-width: 740px) {
    #navprimary ul.level2 li.parent > a {
        color: #555;
        background: #fefefe;
    }
    #navprimary ul.level2 li.parent > a:hover {
        color: #58B7F2;
        background-color: #f0fafe;
    }
}
#navprimary ul.level2 .disabled a {
    color: #999;
    background-color: #f6f6f6;
}
#navprimary ul.level2 a:hover {
	color: #58B7F2;
	background-color: #f0fafe;
}
@media screen and (max-width: 740px) {
    #navprimary ul.level2 a:hover {
        color: #58B7F2;
        background-color: #f0fafe;
    }
}

/* sub-sub menus */
#navprimary ul.level2 li ul {
    position: absolute;
    width: 180px;
	margin: 0;
	padding: 0;
	left: -9999px;
	list-style-type: none;
	background-color: #FEFEFE;
	border-top: 1px solid #dedede;
	z-index: 1000;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.2);
}
@media screen and (max-width: 1000px) {
    #navprimary ul.level2 li ul {
        width: 150px;
    }
}
@media screen and (max-width: 880px) {
    #navprimary ul.level2 li ul {
        position: relative;
        left: auto;
        width: 100%;
        padding: 0 0 0 15px;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
#navprimary ul.level2 li ul li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 880px) {
    #navprimary ul.level2 li ul li {
        float: none;
        margin: 0;
        padding: 0;
    }
}
#navprimary ul.level2 li:hover > ul {
    left: 100%;
    top: 0;
    margin-left: -1px;
}
@media screen and (max-width: 880px) {
    #navprimary ul.level2 li:hover > ul {
        left: auto;
        top: auto;
        margin-left: 0;
    }
}


#navprimary .responsivenav {
  display: none;
}

/*
#navprimary {
	width: 100%;
	height: 34px;
	background: url(../imgD/nav_bg.png) repeat-x left bottom;
}
#navprimary .navlabel.full {
  display: block;
  float: left;
  width: 219px;
  height: 34px;
  padding: 0 30px 0 0;
  color: #acd2ee;
  font-weight: 800;
  font-style: italic;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: right;
  line-height: 34px;
  vertical-align: center;
  background-image: url(../imgD/nav-selected.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
#navprimary .navlabel.small {
  display: none;
}
#navprimary .level1 {
  position: relative;
  z-index: 5;
  float: left;
  height: 34px;
  margin: 0;
  padding: 0 1px;
  list-style-type: none;
}
#navprimary .level1 li {
  position: relative;
  float: left;
  width: 180px;
  margin: 0;
  padding: 0;
}
#navprimary .level1 a {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 25px 0 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  line-height: 32px;
  white-space: nowrap;
  border: solid 1px transparent;
}
#navprimary .level1 a.parentlink {
	background-image: url(../imgD/nav_arrow.png);
  background-repeat: no-repeat;
  background-position: 156px 14px;
}
#navprimary .level1 a:hover, 
#navprimary li:hover a {
	color: #58B7F2;
	background-color: #f0fafe;
	border-color: #dedede;
}
#navprimary ul.level2 {
	position: absolute;
  width: 180px;
	margin: 0;
	padding: 0;
	left: -9999px;
	list-style-type: none;
	background-color: #FEFEFE;
}
#navprimary li:hover ul.level2 {
  left: 0;
}
#navprimary ul.level2 li {
  float: left;
  margin: 0;
  padding: 0;
}
#navprimary ul.level2 a {
  display: block;
  margin: 0;
  padding: 0 10px 0 10px;
	color: #555;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  line-height: 32px;
  white-space: nowrap;
	background-color: #fefefe;
	border: solid #dedede;
  border-width: 0 1px 1px 1px;
}
#navprimary ul.level2 .disabled a {
  background-color: #f6f6f6;
  color: #999;
}
#navprimary ul.level2 a:hover {
	color: #58B7F2;
	background-color: #f0fafe;
}
#navprimary .responsivenav {
  display: none;
}
*/


/***** #main  ********************/
#main {
  clear: both;
  width: 100%;
  overflow: hidden;
	background-color: #f0fafe;
}



/***** #content  ********************/
#content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 75%;
    padding: 10px;
}
#content.wide {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 10px 30px;
}
#content img {
  max-width: 100%;
  height: auto;
}
#content a:not(.btnlink) {
  color: #0072bc;
  text-decoration: underline;
}
#content a:hover:not(.btnlink) {
  color: #58B7F2;
  text-decoration: underline;
}
blockquote  { 
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1.5em; 
  padding: 1em;
  color: #111111;
  background: #fff; 
  border: 2px solid #bbb; 
}
blockquote p { 
  padding: 10px 0; 
}
/* override for pages with class 'clientform' */
.clientform blockquote { 
  margin: 0; 
  padding: 0; 
  background: none; 
  border :none; 
}
form#form1 {
	margin-top: 60px;
}
form#form1 table {
	border: 1px solid #444;
}
input[type=text], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="number"], input[type="datetime"], input[type="month"], input.text, input.title, textarea, select { 
  margin: .5em 0;
	padding: 5px;
    color: #111111;
	background-color:#fff; 
	border:1px solid #bbb;  
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-ms-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
input[type=text], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="number"], input[type="datetime"], input[type="month"], input.text, input.title, textarea, select { 
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 95%;
}
/*table.mceLayout {
  width: 95% !important;
}*/
input[type=text]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="number"]:focus, input[type="datetime"]:focus, input[type="month"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    border-color:#2D3940;
    color: #111111;
}
textarea { padding: 4px; }

input[type="submit"], input[type="reset"], button, a.btnlink {
	cursor: pointer;
	
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-ms-border-radius: 6px 6px 6px 6px;
	-o-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family: Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:4px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin: 10px 0 10px 0;
}
input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .btnlink:hover {	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
input[type="submit"]:active, input[type="reset"]:active, button:active {
	position:relative;
	top:1px;
}
input[value="Update"],
a.btnlink /*, input.button-outside-box*/ {
	cursor: pointer;
	/*Below goes the gradient look of the button*/
	-moz-box-shadow:inset 1px 1px 2px -1px #CAE6C8;
	-webkit-box-shadow:inset 1px 1px 2px -1px #CAE6C8;
	box-shadow:inset 1px 1px 2px -1px #CAE6C8;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#f7faff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding: 4px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #6b6b6b;
}
input[value="Update"]:hover, .btnlink:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
  background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
  background-color:#468ccf;
}
input[value="Update"]:active, .btnlink:active {
  position:relative;
  top:1px;
}
.btnlinkcontainer {
  overflow: hidden;
}
.btnlinkcontainer .btnlink {
  float: left;
  display: block;
  margin: 0 20px 10px 0;
  line-height: 28px;
}
img#about-image { float: left; margin: 3px 8px 8px 0px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.confirm-message {
	border: 1px solid #1aca5b;
	padding: 15px;
	margin: 15px 0;
	color: #1aca5b;
}


/* ----------- My Form ----------- */
.myform {
  margin: 0 auto;
  width: 95%;
  padding: 14px;
}



/***** #column  ********************/
#column {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 25%;
  background: #daedf6;
  border-right: solid 1px #daedf6; 
}
#column .sidenav {
  display: block;
	margin: 15px 0 0 0;
	padding: 0px;
	background-color: #f0fafe;
}
#column .sidenav ul {
  width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#column .sidenav li {
	margin: 0;
	padding: 0;
}
#column .sidenav a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	display: block;
	padding: 7px 0 7px 20px;
	color: #555;
	font: bold 16px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #daedf6;
}
#column .sidenav a:hover {
	text-decoration: none;
	background-color: #fff;
}
#column .sidenav a.selected {
	text-decoration: none;
	background-color: #fff;
}
#column .systemupdates {
	margin: 0;
  padding: 0 20px;
}
#column h4 {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 13px;
	font-weight: lighter;
}
#column p {
	margin-bottom: 20px;
}
#column a {
	color: #0072bc;
	text-decoration: none;
}
#column a:hover {
	color: #58B7F2;
	text-decoration: underline;
}




/***** #footer  ********************/
#footer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	clear: both;
	width: 100%;
	padding: 40px 20px 15px 20px;
	color: #ffffff;
	text-align: center;
	background-color: #129ce1;
}
#footer a {
  color: #BEE5EA;
}

	



	


	




	

/* ---------------- Table Design ------------------------- */
table.input_box_table {
  width: 95%;
  margin: 0 0 2em 0;
  border: 3px solid #bbb !important;
  background-color: #fff !important;
}
table td h2 {
	border-bottom: 2px solid #bbb;
	text-align: left;
	width: 90%;
    color: #111111;
	padding-bottom: 10px;
}
table.upload_form_table {
	width: 612px;
	height: 100px;
	text-align: center;
	margin: 0 auto 0;
}
.upload_form_table h2 {
	margin: 30px;
}
table.actions {
  width: 95%;
}
table.actions.top {
  margin-top: -50px;
}
.contentnote {
  width: 95%;
  margin: 0;
  padding: 0 0 1em 0;
}

.list_table,
.list_table th,
.list_table td {
	border-collapse: collapse;
}
.list_table td {
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #ccc;
}
.list_table .borderfree td,
.list_table td.borderfree {
	border: none;
}

/* ----------- Sortable / Lists in Editing Area ----------- */
ul.ui-sortable,
ul.contentform {
	margin: 10px;
	padding: 0;
	background: #fafafa;
}
ul.ui-sortable li,
.contentform li {
	position: relative;
	padding: 3px 15px;
	border-bottom: 1px solid #ddd;
	background: #f3f3f3;
	overflow: hidden;
}
ul.ui-sortable li span,
.contentform li span {
	display: block;
	width: auto;
	float: left;
	margin-right: 10px;
	padding: 3px 0;
	min-height: 36px;
	line-height: 36px;
	vertical-align: middle;
}
ul.ui-sortable li .handle {
	cursor: move;
}
ul.ui-sortable li:hover .handle {
	color: #000;
}
ul.ui-sortable li em,
.contentform li em {
	font-weight: bold;
	font-style: normal;
}
ul.ui-sortable li span img,
.contentform li span img {
	vertical-align: middle;
}
ul.ui-sortable li input[value="Update"],
.contentform li input[value="Update"],
ul.ui-sortable li input[value="Delete"],
.contentform li input[value="Delete"] {
	margin: 5px 2px 5px 0;
}

#content a.list-remove-me,
#contentright a.list-remove-me,
ul.ui-sortable a.list-remove-me,
.contentform li a.list-remove-me  {
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 20px;
	right: 10px;
	background: #F99;
	color: #222;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	margin-top: -6px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
#content a.list-remove-me:hover,
#contentright a.list-remove-me:hover,
ul.ui-sortable a.list-remove-me:hover,
.contentform li a.list-remove-me:hover {
	color: #fff;
	background: #d00;
	text-decoration: none;
}

a.list-copy-link,
#content a.list-copy-link,
ul.ui-sortable a.list-copy-link {
	display: none; /* hidden by default */
	float: right;
	background: #eb9306;
	color: #fff;
	border: 1px solid #ce7f00;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	margin: 10px 40px 0 0;
	padding: 5px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.item-removed {
	color: #999;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	letter-spacing: .2em;
}


.ccrdocs a.list-copy-link,
.ccrdocs #content a.list-copy-link,
.ccrdocs ul.ui-sortable a.list-copy-link {
	display: block;
}
a.list-copy-link:hover,
#content a.list-copy-link:hover,
ul.ui-sortable a.list-copy-link:hover {
	color: #fff;
}
.list-show-link {
	display: none;
	clear: left;
}
.ccrdocs .list-show-link {
	display: block;
}

/* ----------- Site Map ----------- */
#page-list.contentform li {
	padding: 8px;
}
#page-list.contentform li.level-1 {
	padding-left: 32px;
}
#page-list.contentform li a {
	position: absolute;
	right: 10px;
}


/* ----------- JS Message ----------- */
#js-message {
	display: none;
	padding: 15px;
	margin: 15px 3px;
	border: 3px solid #48D136;
	background: #D0F7CB;
	text-align: center;
	color: #48D136;
}


/* ----------- FAQs and other text content ----------- */
textarea.item-content {
	display:none;
}


/* ----------- My Design Page ----------- */
.designlisting {
  overflow: hidden;
}
.designlisting .item {
  overflow: hidden;
  float: left;
  margin: 0 5px;
  text-align: center;
}
.designlisting .p {
  overflow: hidden;
}
.designlisting .small {
  text-transform: uppercase;
}


/* ----------- Help Page ----------- */
#contentright #wrap_container {
	border: 3px solid #bbb;
	background-color: #fff;
	width: 93%;
	margin: 0 auto;
	padding: 0 10px;
}

#contentright ul li a{
	margin-left: 20px;
}

#help_content ol li {
	list-style-type: square;
}

#contentright #help_content li.help_note, #contentright #help_content p.help_note {
	list-style-type: none;
	margin: 7px 25px;
	padding: 5px;
	color: #333;
	background: #fdfdfd;
	border: 1px dashed #444;
}




/* ----------- stylized ----------- */
#stylized{
border:solid 0px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color: #333;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#333;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:;
margin:2px 0 20px 10px;
}
#stylized button{
    float: right;
    margin:10px 55px 10px 0;
    font-weight: bold;
    line-height: 1;
    padding: 6px 10px;
    cursor:pointer;
    color: #fff;
 
    text-align: center;
    text-shadow: 0 -1px 1px #64799e;
 
    /* Background gradient */
    background: #a5b8da;
    background: -moz-linear-gradient
       (top, #a5b8da 0%, #7089b3 100%);
    background: -webkit-gradient
       (linear, 0% 0%, 0% 100%,
       from(#a5b8da), to(#7089b3));
 
    /* Border style */
    border: 1px solid #5c6f91;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 
    /* Box shadow */
    -moz-box-shadow: inset 0 1px 0 0 #aec3e5;
    -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
    box-shadow: inset 0 1px 0 0 #aec3e5;
 
    }
	

.hint{
    display:none;
    }
	
.field:hover .hint {
    position: absolute;
    display: block;
    margin: -30px 0 0 455px;
    color: #FFFFFF;
    padding: 7px 10px;
    background: rgba(0, 0, 0, 0.6);
 
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    }

.page_title{
	float: left;
	margin-left: 54px;
}

.view_page_link{
	float: right;
	margin-right: 54px;
	font-size: 18px;
	margin-top: 15px;
}	
    
.clear{
	clear: both;
}
h2{
	font-weight: normal;
}
li a:hover{
	color: #58B7F2 /*!important*/;
}
.report td{
text-align:center;
font-family: 'Open Sans', sans-serif !important;
font-weight: normal !important;
font-size:12px;
}


/************************* ADDITIONAL *************************/

.popup-container{
	width: 580px;
	height: 297px;
	background-image:url('../imgD/send2friend-bg.png');
}
.popup-send2friend-button{
	display:block;
	float: right;
	margin: 150px 35px 0 0;
	width: 206px;
	height: 34px;
	background-image:url('../imgD/send2friend-button.png');
}
.popup-nothanks-button{
	float: right;
	margin: 30px 35px 0 0;
	width: 157px;
	height: 16px;
	background-image:url('../imgD/nothanks-button.png');
}
.clear{
	clear: both;
}


/****/


em.content-preview {
	padding-left: 25px;
}

a.item-view-content,
a.add-new-item {
	cursor: pointer;
	
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-ms-border-radius: 6px 6px 6px 6px;
	-o-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777 !important;
	font-family: Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:4px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin: 10px 0 10px 0;
	text-decoration: none !important;
	line-height: 20px !important;
}
a.item-view-content:hover,
a.add-new-item:hover {	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	color:#777777 !important;
}

a.item-view-content:active,
a.add-new-item:active {
	position:relative;
	top:1px;
}

iframe.upload-iframe {
	width: 100%;
	height: 140px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	border: none;
}
#upload-new-document-form-item {
	position: absolute;
}



.payment-errors {
	font-size: 15px;
	font-style: italic;
	color: #d00;
}

.rates-policies-form input[type='text'],
#alerts-list input[type='text'],
#faqs-list input[type='text'] {
	max-width: 270px;
}
#current-projects-list input[type='text'],
#proposed-projects-list input[type='text'] {
	width: 210px;
}


label.error { color: #d00; font-weight: bold; }

.editorpopup {
 width: 100%; /* 520px; */
}
.editorpopup > div {
  padding: 0 0 10px 0;
}
.editorpopup input[type='text'] {
	width: 70%;
  margin: 0;
}
.editorpopup select {
	width: 70%;
  margin: 0;
}


.header-alert { color: #d00; font-size: 14px; font-weight: bold; }

/* 
Media Queries 
*/

/* switch from fixed width items to scaling items at 1000px wide */
@media screen and (max-width: 1000px) {
  table.input_box_table {
    width: 95%;
    margin: 0 auto 2em auto;
  }
  table.actions {
    width: 95%;
    margin: 0 auto;
  }
  .contentnote {
    width: 95%;
    margin: 0 auto;
    padding: 0 0 1em 0;
  }
  .defaultSkin table.mceLayout {
    margin: 0 auto;
  }
}
@media screen and (max-width: 820px) {
}
@media screen and (max-width: 740px) {
  #header h1 {
    height: 62px;
  }
  #header h1 a {
    height: 62px;
  }
  #header .useraccess {
    clear: both;
    float: none;
    overflow: hidden;
    display: block;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 14px;
    background-color: #17B1F3;
  }
  #header .useraccess a {
    color: #fff;
  }
  #header .useraccess a:hover {
    color: #fff;
  }
  #header .useraccess p {
    color: #fff;
    line-height: 34px;
  }
  #header .useraccess p.welcome {
    margin: 0 0 0 10px;
    float: left;
  }
  #header .useraccess p.welcome span {
    color: #1B5470;
  }
  #header .useraccess p.usernav  {
    margin: 0 10px 0 0;
    float: right;
  }
  #content {
    float: none;
    width: 100%;
  }
  #column {
    float: none;
    width: 100%;
  }
  #column .sidenav {
    display: none;
  }
  #column .systemupdates {
    padding: 20px;
  }
  .editorpopup {
    width: 100%; /* 420px; */
  }
}
/* for small screens */
@media screen and (max-width: 660px) {
  #header h1 {
    height: 62px;
    margin: 0 0 0 10px;
  }
  #header h1 a {
    height: 62px;
  }
}
@media screen and (max-width: 490px) {
  #header h1 {
    width: 250px;
    background-size: 250px 39px;
  }
  #header h1 a {
    width: 250px;
  }
  table.actions.top {
    margin-top: 0;
  }
  .editorpopup {
    width: 100%; /* 320px; */
  }
  .editorpopup > div {
    padding: 0 0 5px 0;
    font-size: 10px;
  }
  .editorpopup input[type='text'] {
    padding: 2px;
    font-size: 10px;
  }
  .editorpopup input[type='button'] {
    padding: 2px;
    font-size: 10px;
  }
  .editorpopup select {
    padding: 2px;
    font-size: 10px;
  }
}
@media screen and (max-width: 440px) {
  #header .useraccess {
    padding: 7px 0;
  }
  #header .useraccess p.welcome {
    margin: 0 0 0 10px;
    float: none;
    line-height: 20px;
    text-align: left;
  }
  #header .useraccess p.usernav  {
    margin: 0 0 0 10px;
    float: none;
    line-height: 20px;
    text-align: left;
  }
  ul.ui-sortable li,
  .contentform li {
    padding: 3px 8px;
  }
  .editorpopup {
    width: 100%; /* 250px; */
  }
}

.fancybox-skin {
	padding: 8px !important;
	border-radius: 0px;
	-webkit-border-radius: 0px;
}
/* Paging */
.pg_first_d {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_first_d.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.pg_prev_d {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_prev_d.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.pg_next_d {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_next_d.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.pg_last_d {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_last_d.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a.pg_first_n {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_first_n.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a.pg_first_n:hover {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_first_h.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a.pg_prev_n {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_prev_n.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a.pg_prev_n:hover {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_prev_h.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a.pg_next_n {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_next_n.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a.pg_next_n:hover {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_next_h.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a.pg_last_n {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_last_n.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a.pg_last_n:hover {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/p_last_h.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
