/* CSS Document */

body {background-color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0;color:#333333;line-height:150%}
#op {background-color:#ffffff;width:980px;text-align:left}
#op div {margin:0;padding:0}
#op #header {color:#FFFFFF}

#op #header #topbar {margin-top:5px;padding:3px 5px 3px 2px;text-align:right;margin-bottom:15px;font-size:14px;}


#topbar {margin-top:8px;padding:3px 5px 3px 2px;text-align:right;margin-bottom:15px;}
#op .psites {width:300px;float:left}
#op .admin {width:auto;float:none;text-align:right;margin:0 0 0 300px}
#op .admin ul {list-style-type:none;padding:0;margin:0}
#op .admin ul li{padding:0;margin:0 4px 0 0;display:inline}
#op .fleft {float:left;}
#op .fright {float:right;}
#op a, #op a:link, #op a:visited, #op a:hover, #op a:active {color:#266dbb;text-decoration:none}
#op a:hover {color:#b7bb25;text-decoration:underline}
#op a.d, #op a.d:link, #op a.d:visited, #op a.d:hover, #op a.d:active {text-decoration:underline}
#op .clear {clear:both;}


#op #logo {float:left;width:250px;background:url(http://images.tolmol.com/images/opromote/opromote-logo.gif) no-repeat left top; display:block;height:45px;}
#op #main {margin-top:10px;}
#op #main #promote {background:url(http://images.tolmol.com/images/opromote/front-bg.gif) repeat-x scroll 0 0;height:300px}
#op #main #promote #vis {margin-left:25px;margin-top:20px;background-color:#222222;float:left;width:450px;margin-right:50px;background:url(http://images.tolmol.com/images/opromote/opromote-analytics2.gif) no-repeat left top;height:230px}
#op #main #promote #intro {float:left;width:450px}
#op #main #promote #intro ul {font-size:18px;font-weight:bold;list-style:none;}
#op #main #promote #intro ul li {margin-top:5px;background:url(http://images.tolmol.com/images/opromote/check.png) no-repeat scroll left top;padding-left:40px;line-height:30px}
#op #main #promote #intro #signup {text-align:center;}
#op #main #promote #intro #signup a {margin-left:60px;color:#266dbb;font-size:14px;font-weight:bold;text-decoration:none;background:url(http://images.tolmol.com/images/opromote/signup.png) no-repeat left top;text-indent:-9999px;display:block;width:254px;height:64px}
#op #main #promote #intro #signup a:hover {background:url(http://images.tolmol.com/images/opromote/signup.png) no-repeat left top;}

#op .blk {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #cccccc;
background:#ffffff none repeat scroll 0 0;
color:#222222;
margin-bottom:12px;
padding:10px;
}


#op .login
{
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#eeeeee none repeat scroll 0 0;
color:#222222;
margin-bottom:10px;
padding:5px;
}

#op #hdr {width:auto;float:none}
#op #cntxt {width:170px;float:right;text-align:center;}

#op .lcol {width:70%;float:left;background-color:#ffffff;padding:10px 10px 10px 0;}
#op .rcol {width:25%;float:left;margin-left:15px;}
#op .hcol {width:45%;float:left}

#op .hlcol {width:695px;float:left;background-color:#ffffff;padding:10px 10px 10px 0;margin:0}
#op .hrcol {width:260px;float:left;margin:10px 0 0 15px;padding:0}

#op .slcol {width:200px;float:right;border-right:1px solid #073c85;border-left:1px solid #222222;background-color:#efefef;padding:5px;}
#op .brcol {float:left;margin-left:10px;}
#op .slcol ul {list-style-type:none;padding:0;margin:0;}
#op .slcol ul li {margin:0 1px 3px 0}
#op .fcol {}
#op #footer {background-color:#ececec;padding:4px;margin-top:20px;text-align:center}
#op #footer ul {list-style-type:none;padding:0;margin:0}
#op #footer ul li{padding:0;margin:0 4px 0 0;display:inline}
#op #footer a, #op #footer a:link, #op #footer a:visited, #op #footer a:hover, #op #footer a:active {color:#266dbb;}
#op #footer a:hover {color:#073c85}

#op h1 {color:#000000;font-size:2.75em;}
#op h2 {color:#266dbb;font-size:2em;margin-bottom:5px;}
#op h3 {color:#222222;font-size:1.5em;}
#op h4 {color:#266dbb;font-size:14px;}
#op h4 a, #op h4 a:link, #op h4 a:visited, #op h4 a:active{color:#266dbb;}
#op h4 a:hover{color:#222222;text-decoration:underline}

#op h2.bg {background:#cccccc;padding:10px 4px 10px 4px;margin-top:0;border-top:1px solid #eeeeee;}
#op h2.promotrial {background:#cccccc;padding:10px 4px 10px 4px;margin-top:0;border-top:1px solid #eeeeee;color:#707070}
#op a.light, a.light:link, #op a.light:visited, #op a.light:active{color:#666666;}
#op a.light:hover{color:#222222;text-decoration:underline}
#op a.theme, #op a.theme:link, #op a.theme:visited, #op a.theme:active{color:#266dbb;}
#op a.theme:hover{color:#222222;text-decoration:underline}

#op .div2 {height:2px;clear:both}
#op .div5 {height:5px;clear:both}
#op .div10 {height:10px;clear:both}


#op .smenu {color:#444444;background:#fff;border-top:1px solid #266dbb;clear:both;padding:2px;text-align:right}

/** 3 lvl menu **/
#op #menu {text-align:left;margin-top:15px;margin-left:0px;}
ul#nav1 {margin:0; padding:0; list-style:none; width:100%; height:30px; background:#ffffff;font-size:15px;font-weight:bold;/*border-bottom:4px dotted #266dbb*/}
ul#nav1 li {margin:3px 8px 3px 0;display:block; float:left; position:relative; background:#ffffff;border-left:1px solid #ffffff}
ul#nav1 li a:link, ul#nav1 li a:visited {padding:5px;display:block; text-align:center; text-decoration:none;color:#222222;}
ul#nav1 li:hover a, ul#nav1 li a:hover, ul#nav1 li a:active {display:block; text-align:center; text-decoration:none; background:#266dbb; color:#ffffff;}
ul#nav1 li.selected, ul#nav1 li.selected a {background:#266dbb;color:#ffffff;border-bottom:1px solid #ffffff}

ul#nav1 li ul.nav2 {margin:0; padding:0;list-style:none; font-size:12px;display:none; background:#ffffff; width:161px; position:absolute; left:-1px; border:1px solid #266dbb;}
ul#nav1 li:hover ul.nav2 {display:block;}
ul#nav1 li ul.nav2 li {width:159px; clear:left;border-top:1px solid #266dbb}
ul#nav1 li ul.nav2 li a:link, ul#nav1 li ul.nav2 li a:visited {clear:left; background:#ffffff; padding:2px 0; width:155px; border:none;position:relative; z-index:1000;color:#222222}
ul#nav1 li ul.nav2 li:hover a, ul#nav1 li ul.nav2 li a:active, ul#nav1 li ul.nav2 li a:hover {clear:left; background:#266dbb; padding:2px 0; width:155px; position:relative; z-index:1000;color:#ffffff}
ul#nav1 li ul.nav2 li ul.nav3 {display:none; margin:0; padding:0; list-style:none; position:absolute; left:165px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #43880c; background:#ffffff; z-index:900;}
ul#nav1 li ul.nav2 li:hover ul.nav3 {display:block; }
ul#nav1 li ul.nav2 li ul.nav3 li a:link, ul#nav1 li ul.nav2 li ul.nav3 li a:visited {background:#222222;}
ul#nav1 li ul.nav2 li ul.nav3 li:hover a, ul#nav1 li ul.nav2 li ul.nav3 li a:hover, ul#nav1 li ul.nav2 li ul.nav3 li a:active {background:#266dbb;}
ul#nav1 li ul.nav2 li a span {position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff;}
ul#nav1 li ul.nav2 li:hover a span, ul#nav1 li ul.nav2 li a:hover span {position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff;}

#op #bcrumb {clear:both}
#op .row {clear:both;margin:2px 0 2px 0;border-bottom:1px solid #ececec;padding:3px;}
#op .colh {float:left;width:180px;font-weight:bold;font-size:14px;}
#op .colh {float:left;font-size:14px;}

#op #mtbl {border-collapse:collapse;border:1px solid #266dbb;}
#op #mtbl tr {border-bottom:1px solid #cccccc}
#op #mtbl tr.hdrrow {background-color:#ececec;font-size:14px;font-weight:bold;color:#222222;padding:4px;}
#op #mtbl tr.alt {background-color:#ececec;}
#op #mtbl tr.nd {border:0}

#op .btn {border:1px solid #cccccc;padding:6px 8px 6px 8px;background-color:#efefef;text-align:center}
#op .btn a, #op .btn a:link, #op .btn a:active, #op .btn a:visited {font-weight:bold;font-size:14px;color:#43880c;}
#op .btn a:hover {color:#43880c;text-decoration:none}
#op .btn:hover {background-color:#cccccc;border:1px solid #666666}
#op .box {display:block;}
#op .line {display:inline;}

#op #frm .frow {margin:6px 0 6px 0}
#op #frm .lcol {float:left;width:150px;font-size:14px;font-weight:bold;padding:0;}
#op #frm .rcol {float:left;width:auto}
#op #frm .form_xfield, #op #frm .form_vlfield {padding:3px;margin:0;border:1px solid #266dbb;font-size:14px;color:#444444}
#op #frm .form_textarea {padding:3px;margin:0;border:1px solid #266dbb;font-size:14px;color:#444444}
#op .scontent {font-size:11px;color:#666666;}
#op .checkb {vertical-align:middle;}
form {padding:0;margin:0}
.form_error {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;     color: #ff3300;}
.form_note {color:#999999;font-size:10px;}
.gphoto{float:left;text-align:center;padding:5px;}
.gphoto img {border: 1px solid #666666;padding:2px;width:80px;height:80px;}
.gdesc p{margin-bottom:8px;padding:0;line-height:18px;font-size:12px}
.tagchecklist {font-size:12px;margin-left:14px;overflow:auto;}
.tagdynadd span{cursor:default;display:block;float:left;font-size:11px;line-height:1.8em;margin-right:25px;white-space:nowrap;}
.tagdynadd span a{background:url(http://images.tolmol.com/images/opromote/cross.gif) no-repeat scroll 0;cursor:pointer;display:block;float:left;height:10px;margin:6px 0 0 -12px;overflow:hidden;position:absolute;text-indent:-9999px;width:10px;}
.tagdynadd span a:hover{background:url(http://images.tolmol.com/images/opromote/cross.gif) no-repeat scroll -10px 0;}
.gb{border-bottom:1px solid #99CC33;padding:0 0 0 5px;margin:0 0 5px 0;}
.tab, #nw a.tab, #nw a.tab:link, #nw a.tab:hover, #nw a.tab:visited {font-size:14px;border:1px solid #669900;line-height:22px;padding:3px;font-weight:bold;color:#999999;border-bottom:0;margin:0;text-decoration:none;}
.sel, #nw a.sel, #nw a.sel:link, #nw a.sel:hover, #nw a.sel:visited, #nw a.tab:hover{background-color:#669900; color:#ffffff;}
#logocreator {
	width:600px;
	border: 2px solid green;
  top: 540px;
  position: absolute;
  z-index: 2;
  background-color: #D8E4F8;
}
#op div.logocreatorsection {
	margin:10px;
	border:1px solid black;
}
.campaignLogoText {#position: absolute;#top: 50%;display: table-cell;vertical-align: middle;line-height:1;font-size:20px}
.campaignLogo {display: table;#position: relative;overflow: hidden;height:100px;width:200px;text-align:center;background-position:center;background-repeat:no-repeat;}
#op .bxwrap {margin-top:10px;border:1px solid #b7bb25;width:500px;font-size:14px;}
#op .bx {padding:6px;background-color:#efefef;border:2px solid #ffffff}
#op .bxtit {color:#bb2925;font-size:16px;font-weight:bold;}

#op .cwrap {margin-top:10px;border:1px solid #b7bb25;width:500px;font-size:14px;}
#op .cbx {padding:6px;background-color:#efefef;border:2px solid #ffffff}
#op .cbxtit {color:#bb2925;font-size:16px;font-weight:bold;}
#op .keyBxQstp{border:1px dotted #266DBB;}