/* Matt's New Styles */

#siteContainer {
	position:relative;top:0px;left:0px;
}

#mainContent {
	padding:0px 0px 100px 0px;
}

body {
	font-family: Myriad, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

form {
	padding:4px;
	margin:0px 10px 0px 10px;
	
}

#subTable {
	margin:0px 10px 0px 10px;
	padding:0px 10px 0px 10px;
}



#homeNews {
	border: 1px solid #CCCCCC;
	margin: 10px; 

}

#homeNews h1 {
	padding:5px 10px;
    font:bold 14px Myriad, Helvetica, Arial, sans-serif;
    background:#acacac url(/images/tblbg.gif) repeat-x top;
    border-bottom:1px solid #eee;
    color:#555;ccolor:#492A14;
    text-align:left;
	margin:0px;
}

#homeNews p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	padding:2px;
	margin:6px;
    line-height:14px;
}

#homeNews a {
	margin-top: 4px;
	color: #666666;
}

#homeNews a:hover {
	color: #FF9900;
}

#spotlight {
	padding: 6px;
	margin: 0px 0px 0px 10px;
	border: 1px solid #CCCCCC;
}

#spotlight h1 {
	margin-bottom:10px;border-bottom:2px solid #ffc200;color:#333333;font:bold 13px Verdana,Arial;
}

#shadowBar {
	background:#c0c0c0 url(/images/glip.gif) repeat-x top;
	border-bottom:1px solid #666;
	height:10px;
}

#state {
	border: 1px solid #B5B5D4;
	padding: 5px;margin: 10px;
	width:570px;
}

#images {
	padding:10px;	
}

/* End New Styles */


.dynamic-form1 {
	font: normal 11px Arial;
	color: #444444;
	border: none;
	background: #f5f5ff;
}



.dynamic-form2 {
	font: normal 11px Arial;
	color: #444444;
	border: none;
	background: #ffffff;
}
.dynamic-input-form1 {
	font: normal 11px Arial;
	color: #444444;
	background: #f5f5ff;
}
.dynamic-input-form2 {
	font: normal 11px Arial;
	color: #444444;
	background: #ffffff;
}
li.check {
    list-style:sqaure;
    color:#000;
}
.option-header {
    font: bold 11px Verdana, Arial; color: #444444;
    padding-bottom:5px;
}
.option-field-dynamic {
	font: normal 11px Verdana,Arial;
	text-align:left;
	color: #555555;
	background:#fff;
	border:1px solid #999999;
	padding: 2px 5px 2px 5px;
}
.description {
	font: normal 11px Verdana,Arial;
	text-align:left;
	color: #555555;
	width:100%;
	padding: 5px;
}
.option-field {
	font: normal 11px Verdana,Arial;
	text-align:left;
	color: #555555;
	background:#ffffff;
	width:250px;
	border:1px solid #999999;
	padding: 2px;
	margin-bottom:20px;
	margin-right:25px;
}
.help-label {
    background:#F6921D;
    font: bold 14px Myriad,Helvetica,Arial;
    color: #fff;
    border-bottom:1px solid #492A14;
    padding:3px 0px 3px 10px;
	margin:0px;
}
.help-content {
    font: normal 11px Myriad,Helvetica,Arial;
    color: #000;
	padding:10px 6px 10px 6px;
    margin-bottom:10px;
}
.help-topic {
	font: bold 11px Verdana,Arial; color: #555555;
	padding:2px 0px 2px 0px;
	margin:0px;
}
.help-data {
	font: normal 10px Verdana,Arial; color: #333333;
	padding:2px 0px 20px 8px;
}

#help-data {
	font: normal 10px Verdana,Arial; color: #333333;
	padding:2px 0px 10px 8px;
}

#help-data ul {
	font: normal 10px Verdana,Arial; 
	color: #333333;
	padding:0px 0px 0px 0px;
	list-style-image:url(/cpanel/images/icons/bullet_orange.png);
	list-style-position:inside;
	margin:0px 0px 0px 0px;
}

#help-data li a {
	color:#333333;
	margin:0px;
	padding: 0px 0px 2px 0px;
}

#help-data li a:hover {
	color: #FF9900;
}

.input-form {
	font: normal 12px Arial;
	color: #333333;
}
.input-instruction {
	font: normal 10px Arial;
	color: #444444;
}
.list-select {
	background: #FFFFFF; color: #333333; font: normal 11px Arial; border:1px solid #C69E60;
}
.input-palette {
	background: #eee; color: #333; width:100px; font: normal 11px Arial; border:1px ridge #aaa;
}
.input-header {
	font-family: Myriad, Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #666;
    line-height:4mm;
    padding:5px 10px 5px 10px;
	background:#ddd;
	border-bottom:1px solid #555;
    margin:10px 0px 10px 0px;
}
.input-file {
	background: #eee; color: #333333; width:100px; font: normal 11px Arial; border:1px ridge #aaa;
}
.update {
	background: #ca0000; color: #333333; width:11px; height:11px;
	font: bold 8px Arial; border:1px solid #000000;
	background-image: url(/images/ok.gif); background-position:center center;
	padding:1px;
}
.inc {
	background: #ca0000; color: #333333; width:11px; height:11px;
	font: bold 8px Arial; border:1px solid #000000;
	background-image: url(/images/inc.gif); background-position:center center;
	padding:1px;
}
.dec {
	background: #ca0000; color: #333333; width:11px; height:11px;
	font: bold 8px Arial; border:1px solid #000000;
	background-image: url(/images/dec.gif); background-position:center center;
	padding:1px;
}
.message {
	font: normal 11px Verdana,Arial;
	text-align:left;
	color: #333;
	padding:10px 0px 5px 20px;
}
.data-label {
	font: normal 11px Myriad,Verdana,Arial;
	text-align:left;
    vertical-align:top;
    color: #333;
}
.data-field {
	font: normal 11px Verdana,Arial;
	text-align:right;
	color: #555555;
	background:#ffffff;
	width:100px;
	border:1px solid #999999;
	padding: 2px;
}
.data {
	font: normal 11px Verdana,Arial;
	text-align:left;
	color: #555555;
	background:#ffffff;
	border:1px solid #999999;
	padding: 2px;
}
.error {
	font: bold 12px Verdana,Arial; color: #990000;
	padding-top:10px;
	padding-bottom:20px;
}

.login-form {
	font: bold 10px Arial;
	color: #444444;
}
.menu {
	padding:0px;
}
.overview-label {
    font: normal 13px Verdana,Arial; color: #333333;
    border-bottom:3px double #ffc200;
	padding:0px 5px 0px 0px;
	margin-bottom:5px;
}
.overview-data {
    font: bold 13px Verdana,Arial; color: #56566D;
	padding:0px;
}
.page-heading {
    font: bold 18px Verdana,Arial; color: #333333;
	padding:10px 5px 2px 5px;
	margin: 12px 12px 6px 12px;
    border-top:0px solid #ccc;
    border-bottom:1px solid #e38c19;
}

.page-subheading {
    font: bold 14px Verdana,Arial; color: #333333;
	padding:10px 5px 2px 5px;
	margin: 2px 12px 2px 12px;
    border-top:0px solid #ccc;
    border-bottom:0px solid #e38c19;
}

.page-detail {
    font: normal 11px Myriad,Helvetica,Arial;
    color: #444444;
    border:0px solid #ccc;
    padding: 6px 16px 16px 16px;
    nobackground:#fff;
	margin:0px 0px 6px 0px;
	line-height:16px;
}
.message {
    padding: 20px;
    margin: 20px;
    border: 1px solid #444;
    font:normal 12px Myriad, Helvetica, Arial, sans-serif;
    background:#fff;
    color:#000;
}
INPUT.row1 {
    background: #f5f5ff;
}
INPUT.row2 {
    background: #ffffff;
}
.option-detail {
    font: normal 11px Verdana,Arial; color: #444444;
	padding:5px 5px 10px 5px;
}
.section-data {
    font: bold 14px Arial; color: #444444;
	padding:10px 5px 10px 5px;
}
.big-button {
    background:#f16422;color:#fff;font-weight:bold;font-size:10px;
}
.step-heading {
	background:#ffc200;
	color: #333333;
	height: 25px; width: 150px;
    padding: 10px;
	border: 2px groove #FFE28F;
	vertical-align: middle;
	text-align: center;
	font: bold 14px Verdana,Arial;
}

.table-scroll {
    scrollbar-3dlight-color:#ddd;
    scrollbar-arrow-color:#333;
    scrollbar-darkshadow-color:#ddd;
    scrollbar-face-color:#eee;
    scrollbar-highlight-color:#eee;
    scrollbar-shadow-color:#ddd;
    scrollbar-track-color:#fff;
	margin-left:10px;
}

.palette {
	background: #eee; color: #000;
	border: 1px solid #aaa;
	padding: 5px;
}
A:active {
	text-decoration: none;
}
A.icon-link {
	text-decoration: none;
	border: none;
}
A.link {
	color: #474793;
}
A:hover {
	color: #FFD700;
	text-decoration: none
}
A:hover:yel{
	color: Blue;
	text-decoration: none
}
A.navlink {
	font: bold 11px Arial;
	text-decoration: none;
	color: darkblue;
}
A.option_link {
	font: normal 11px Verdana,Arial;
}
A.nav-link {
	font: normal 11px Arial;
	color: #474793;
}
A.nav-link:hover {
	color: Orange;
}
A.tab-active-link {
	font: bold 11px Arial;
	text-decoration: none;
	color: #333333;
}
A.tab-active-link:hover {
	color: #000000;
}
A.tab-inactive-link {
	font: bold 11px Arial;
	text-decoration: none;
	color: #ffffff;
}
A.tab-inactive-link:hover {
	color: #FFC200;
}
FONT.error {
	font: bold 13px Arial; color: #990000;
}
FONT.input-label {
	font: bold 11px Myriad,Helvetica,Arial; color: #333;
}

FONT.login-data {
	font: normal 11px Verdana,Arial; color: #333333;
}
FONT.msg {
	font: bold 13px Arial; color: #009900;
}
FONT.nav-status {
	font: normal 11px Arial;
	color: #474793;
}
FONT.option-data {
	font: normal 11px Arial; font-style: italic; color: #444444;
}
FONT.category-data {
	font: normal 11px Arial; color: #444444;
}
FONT.attach-data {
	font: normal 11px Arial; color: #444444;
}
FONT.table-data {
	font: normal 11px Verdana,Arial; color: #555555;
}
FONT.table-head {
	font: normal 11px Verdana,Arial; color: #444444;
}
.table-total {
    font:bold 12px Myriad,Helvetica,Arial,sans-serif;color:#444;
}
FONT.table-key {
	font: bold 11px Arial; color: #990000;
}
FONT.page-title {
	font: bold 17px Verdana,Arial; color: #000000;
}
FONT.state-label {
	font: bold 11px Arial; color: #56566D;
}
FONT.state-data {
    font: normal 11px Arial; color: #56566D;
}
FONT.step {
    font: bold 9px Arial;
}
FONT.key {
    font-weight:bold;color: #f16422;
}
H4 {
	font: bold 15px Arial;color: #333333; margin:15px 0px 5px 0px;
}
FORM {
    padding: 0px; margin: 0px;
}
IMG.logo-img {
	border: 0px;
	width: 210; height: 55px;
	background-image: "http://192.168.1.50:8089/images/logo5.jpg";
}
INPUT.nav-button {
  color: #ffffff; background: #ca0000;
  border: 2px solid #000000;
  font: bold 12px Arial;
  margin:4px 12px 4px 12px;
}
INPUT.option-button {
  color: #ffffff; background: #ca0000;
  border: 1px solid #000000;
  font: bold 9px Arial;
}
LI.option-item {
    color: #333333; font: normal 11px Arial;
}
TABLE.content-table {
	padding: 6px;
	border: none;
	border-collapse: collapse;
	margin:0px;
	
}
TABLE.help-table {
	width: 100%;
	padding: 0px;
	border: none;
	border-collapse: collapse;
}
TABLE.main-table {
	background: #ffffff;
	margin:0px;
	width: 800px;
	padding:0px;
	border:1px solid #747474;
}

TABLE.nav-table {
	width: 100%;
	padding: 0px;
	border: none;
	border-collapse: collapse;
}
TABLE.tab-table {
	background: #ffffff; width: 100%; padding:0px; border: 0px; border-collapse: collapse;
}
TD.input-label {
	font: bold 11px Myriad,Helvetica,Arial; color: #333;text-align:right;
}
TD.page-cell {
    padding:0px 0px 0px 0px;
    width:600px;
    vertical-align:top;
	margin:0px;
	
}

/* Main Content Area */

.content-cell {
    background: #fff;
    color: #000;
	padding:0px 10px 10px 10px;
    width: 600px;
    margin: 0px 6px 0px 6px;
    font:normal 12px Myriad,Helvetica,Arial;
}

TD.content-cell-top {
    background: #fff;
    bbackground: #F9FAD8;
    color: #000;
	padding:0px;
    border:0px solid #ccc;
    font:normal 12px Myriad,Helvetica,Arial;
}
TD.data-table, TH.data-table, TABLE.data-table {
	padding:10px 20px 10px 20px; border: none;
}
TD.guide-cell {
	background-image:url(/cpanel/images/guidecell_bg.gif) repeat-x left bottom;
	background: #f7f7f7; color: #000; border: 0px;
	padding: 10px 10px 10px 10px;
    border-bottom:0px solid #666;
	margin:0px;
	width:600px;
}
TD.help-content-cell {
	background: #ffffff; border: 0px; padding: 0px;
	width:200px;
	border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;
}
TD.help-label-cell {
	background: #F2E979; padding: 0px;
	border-top: 1px solid #FFF5BB;
	border-bottom: 1px solid #D3C367;
}
TD.help-space-cell {
	background: #ffffff; border: none; padding: 10px 0px 0px 10px;
}
TD.login-cell {
	background:#ffc200 url(/images/postmark.jpg) no-repeat center right;
	color: #000; border: 0px;
	height: 50px; width: 150px;
    padding: 5px 5px 5px 10px;
	border-top: 1px solid #FFE28F;
	border-bottom: 1px solid #E0A500;
	vertical-align: top;
}
TD.logo-cell {
	background: #ffffff; color: #000; border: 0px; padding: 5px 0px 5px 10px;
}
TD.nav-cell {
	background: #ffffff; color: #000; border: none;
	padding: 10px 10px 10px 10px;
}
TD.page-title-cell {
	background: #F2E979; color: #000; border: 0px;
	height: 50px;
	padding: 5px 5px 10px 20px;
	vertical-align: bottom;
	border-top: 0px solid #FFF5BB;
	border-bottom: 0px solid #D3C367;
}
TD.tab-active {
	background: #ff9900; border: 0px; padding: 0px 0px 2px 0px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ff9900;
    text-align: center;
}
TD.tab-inactive {
	background: #ca0000; border: 0px; padding: 0px 0px 2px 0px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #FFC476;
	text-align: center;
}
TD.table-header, TH.table-header {
	color: #fff; border: 0px; padding:5px 5px 5px 5px;
	border-top: 2px solid #d1d1f2;
	background: #B5B5D4;
	otherbackground: #FFDC6D;
	border-bottom: 2px solid #56566D;
}
TD.table-header-left, TH.table-header-left {
	color: #fff; border: 0px; padding:5px 5px 5px 5px;
	border-top: 2px solid #d1d1f2;
	border-left: 2px solid #d1d1f2;
	background: #B5B5D4;
	otherbackground: #FFDC6D;
	border-bottom: 2px solid #56566D;
}
TD.table-header-right, TH.table-header-right {
	color: #fff; border: 0px; padding:5px 5px 5px 5px;
	border-top: 2px solid #d1d1f2;
	border-right: 2px solid #56566D;
	background: #B5B5D4;
	otherbackground: #FFDC6D;
	border-bottom: 2px solid #56566D;
}
TD.table-right-column {
	border-right: 1px solid #d3d3f4;
}
TD.table-left-column {
	border-left: 1px solid #d3d3f4;
}
TD.table-row1, TH.table-row1 {
	background: #f5f5ff; color: #000; border: 0px; padding:5px 5px 5px 5px;
	border-bottom: 1px solid #d3d3f4;
}
TD.table-row2, TH.table-row2 {
	background: #ffffff; color: #000; border: 0px; padding:5px 5px 5px 5px;
	border-bottom: 1px solid #d3d3f4;
}
TD.table-total, TH.table-total {
	background: #ffffff; color: #000; border: 0px; padding:10px 5px 5px 5px;
    font:bold 12px Myriad, Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #ccc;
}
TD.table-subtotal, TH.table-subtotal {
	background: #ffffff; color: #000; border: 0px; padding:3px 5px 15px 5px;
    font:bold 12px Myriad, Helvetica, Arial, sans-serif;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
TD.table-spacer, TH.table-spacer, TABLE.table-spacer {
	background: #DADADA; color: #000; padding:0px;
}
TD.top-bar-cell {
	background: #000000; border: 0px; padding: 0px;
	height: 5px;
	border-bottom: 2px solid #ffc200;
}
.pagetitle {
	font-family: Myriad, Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	padding: 0px;
	width:600px;
	height:30px;
	margin-bottom:1px;
	border-top:0px solid #777;
	border-bottom:0px solid #ccc;
}
table.bigtable {
    border:1px solid #ccc;
	margin:0px 0px 0px 0px;
}
td.bigcell {
    padding:3px 5px 3px 5px;
    font:normal 12px Myriad, Helvetica, Arial, sans-serif;
    background:#fff;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    color:#000;
}
td.bigcellalt {
    padding:3px 5px 3px 5px;
    font:normal 12px Myriad, Helvetica, Arial, sans-serif;
    background:#fff;
    border-right:1px solid #eee;
    border-bottom:1px solid #ccc;
    color:#000;
}
.tablehead {
    padding: 6px 2px 6px 10px;
    font:bold 14px Myriad, Helvetica, Arial, sans-serif;
    background:#acacac url(/images/tblbg.gif) repeat-x top;
    border-bottom:0px solid #eee;
    color:#555;ccolor:#492A14;
    text-align:left;
	margin:10px 0px 0px 10px;
}
th.bighead {
    padding:4px 5px 4px 5px;
    font:bold 11px Myriad, Helvetica, Arial, sans-serif;
    background:#ccc;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    color:#fff;
	white-space: nowrap;
	width:auto;
}

.creativeLabel {
	font-family: Myriad, Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight: normal;
	padding: 4px 4px 0px 4px;
	overflow:inherit;
	white-space:nowrap;
}

.formLabel {
	font-family: Myriad, Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	overflow:inherit;
	white-space:nowrap;
}

/* Tab Navigation Styles */

    #grayNav {
      float:left;
      width:100%;
	  background:#FFFFFF url("/cpanel/images/grayNav/tab_bg.gif") repeat-x bottom;
      line-height:normal;
	  margin-top:20px;
	  
	  
      }
    #grayNav ul {
      margin:0;
      padding:8px 0px 0px 4px;
      list-style:none;
	  font-family: Myriad, Helvetica, Arial, sans-serif;
	  font-size:12px;
	  white-space:nowrap;
      }
    #grayNav li {
      float:left;
      background:url("/cpanel/images/grayNav/left_tab.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #747474;
      }
    #grayNav a {
      float:left;
      display:block;
      width:.1em;
      background:url("/cpanel/images/grayNav/right_tab.gif") no-repeat right top;
      padding:6px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#FFFFFF;
      }
    #grayNav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #grayNav a {float:none;}
    /* End IE5-Mac hack */
    #grayNav a:hover {
      color:#333;
      }
    #gcamplib #nav-gcamplib, #creativelib #nav-creativelib {
      background-position:0 -150px;
      border-width:0;
      }
    #gcamplib #nav-gcamplib a, #creativelib #nav-creativelib a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
    #grayNav li:hover, #grayNav li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #grayNav li:hover a {
      background-position:100% -150px; 
      }

/* New Tool Tip */

/* Classes used by popup box functionality */

.popupBox {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	z-index: 200;
	border: 1px #696969 solid;
	background-color: white;
	padding: 5px;
	padding-left: 7px;
}

.popupBoxResponseMessages {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.1em;
  font-weight: bold;
}

/* Definitions for specific implemenations of popup boxes */

#lightboxPopupBox {
	position: absolute;
	visibility: hidden;
	width: 210px;
}



/* Tool Tip Styles */

#tip {
	padding: 5px;
	padding:10px 0px 10px 10px;
}


#tip a:link {text-decoration: none; color:#333333;cursor: pointer;}
#tip a:visited {text-decoration: none; color:#333333;cursor: pointer;}
#tip a:active {text-decoration: none;color:#333333;cursor: pointer;}
#tip a:hover {text-decoration: none; color:#FF6600;cursor: pointer;}



/* Footer CSS */

#footer-table {
	background: #ffffff; 
	width: 800px;
	padding: 0px 0px 0px 0px;
	border: none;
	margin:0px;
	
}
.copy {
    font: normal 10px Arial;
    color: #CCCCCC;
    padding: 6px 6px 6px 6px;
}
.footer-bar {
	background-color: #f6921d;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 6px;
}
a.footer-link {
    color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	padding-right: 10px;
	padding-left: 10px;
}

loaderDiv {
	height:200px;width:200px;text-align:center;padding:10px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight:bold;border: #999999 solid 1px; background-color:#FFFFFF;
}

loaderDiv img {
	margin: 12px 0px 0px 0px;
}