/* Webon - Main CSS */

@import url(https://ly.lygo.net/ly/css/utils.css); /* Includes network-wide utilities stylesheet */

body { background: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: center; }
body#noBg { background: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: center; }
body#console { background: #fff url(/adm/img/console/bg_header_console.jpg) repeat-x; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: center; }
body.webon { background: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: center; position: relative; }
/*
body.webon a#surveyLink { position: absolute; top: 66px; left: 0; z-index: 10000; display: block; height: 120px; width: 120px; background: transparent url(/adm/img/btn_survey.png) no-repeat; }
p.bold span.survey { position: relative; top: -11px; }
*/
h1 { font-size: 180%; font-weight: bold; }
h5 { font-size: 150%; font-weight: bold; }
h6 { font-size: 130%; font-weight: bold; }
p { font-size: 120%; }

body a:link, body a:visited, #body a:link, #body a:visited { text-decoration: none; }
body a:hover, body a:active, #body a:hover, #body a:active { text-decoration: underline; }

a.customDropdown, div.container a.customDropdown, a.customDropdown:hover {
  background: white url(/adm/media/ui/bg_dropArrow.gif) no-repeat right 2px; 
  border: 1px solid #999;vcolor: #292929; cursor: pointer; display: block; float: left; font-size: 12px; height: 18px; line-height: 1.6em; margin: 0 0 0 5px; padding:0 27px 0 5px;
  text-decoration: none; width: auto;
}

/* Customizations to remove reset effects on page elements */

#body ul, #body ol { font-size: 12px; padding-left: 10px; }
ul, #body ul.navigation { list-style-type: none; padding: 0; }

#body ul { list-style-type: disc; }

/** Don't take out the dot. currently breaks editor*/
#body ul, #body ol { .list-style-position: inside; } 
/** Don't put this back in. See above. #body ul li p, #body ol li p {display: inline;}*/

#body ul li, #body ol li { margin: 0px 0px 0px 15px;}

#body blockquote {padding-left: 10%;}

/* for the p tags on the kits page */
p.kitDescriptionP {display: ""; _margin-right: 5px;}
p.kitsInfoP {display: ""; margin: 10px 20px 10px 28px; _margin-left: 33px; }

#body ul.navigation li, #body ol.navigation li { margin: 0px; }

p.upsell { background: url(/adm/img/console/icon_upsell.gif) no-repeat; padding-left: 20px; line-height: 1.2em; }

a img { border: none; text-decoration: none !important; }

.none { display: none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.empty { display: none; } 
.txtC { text-align: center; }
.caps { text-transform: uppercase; }
.greyText { color: #666; font-size: 1.2em; font-weight: bold; } 
.lightGreyText { color: #7d7d7d; }
.bigGreyText { color: #292929; font-size: 1.2em; font-weight: bold; }
.postedGrey { color: #808080; }
.padLeft5 { padding-left: 5px; }
.padLeft10 { padding-left: 10px; }
.padRight5 { padding-right: 5px; }
.padRight10 { padding-right: 10px; }
.padTop5 { padding-top: 5px; }
.padTop10 { padding-top: 10px; }
.padDown5 { padding-bottom: 5px; }
.padDown10 { padding-bottom: 10px; }

.openIdLogo { background: #fff url(/adm/openid/img/smallLogo.png)  0 1px no-repeat; _background: #fff url(/adm/openid/img/smallLogoWhite.gif) 0 1px no-repeat; }

/* Structure Related divs */

body.webon div.outerWebon { background: url(/adm/img/bg_home_grad.jpg) repeat-x; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;  } 
body.home div.outerWebon { background: url(/adm/img/console/bg_home_grad.jpg) repeat-x; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; } 
body.webon a.feedback { position: absolute; _display: none; top: 305px; right: 0; z-index: 1000; } 
div.container { height: auto; margin: 0 auto; padding: 0; text-align: left; width: 900px; }
body#console div.container { height: auto; margin: 0px auto; padding: 0; text-align: left; width: 910px; }
body#console div.container div.interior {  }
div.container a { color: #175B88; }
div.logo { height: 50px; padding: 15px 0 0 0; width: 575px; position: relative; }
div.logo a.tripod { display: block; position: relative; top: -8px; }
div.logo img {position:relative; top:-7px; }
	.tripod_logo_fix{position:relative; top:0px!important}
div.logo a { color: #fff; font-size: 13px; font-weight: bold; margin-right: 20px; }
div.logo a:hover, div.logo a:active, div.logo a.selected { text-decoration: underline; } 
div.logo p { color: #fff; font-weight: bold; position: absolute; top: 25px; right: -20px; }
body#console div.logo { height: 50px; margin-left: 5px; padding: 15px 0 0 0; width: 575px; position: relative; }
div.logo h5.slogan { padding: 9px 0 0 7px; }
div.login { color: #FFF; padding: 10px 0 0 0; white-space: nowrap; }
body#console div.login { color: #FFF; margin-right: 5px; padding: 10px 0 0 0; white-space: nowrap; }
body#console div#web-footer { border-top: 1px solid #d8d8d8; clear: both; padding: 10px 0; text-align: center; width: 910px; margin-left: -455px; .margin-left: -456px; position: absolute; left: 50%; }
div#web-footer { border-top: 1px solid #d8d8d8; margin-top: 10px; clear: both; padding: 10px 0; text-align: center; width: 99%; }
div#web-footer p { color: #7d7d7d; } 
div#web-footer a { color: #195E8A; }

div.main { padding: 10px 0; position: relative; }
body#console div.main { padding: 36px 30px 20px 30px; position: relative; }
body.webon div.main { padding: 1px 0 10px 0; position: relative; }
body#console.kit div.main { padding: 20px 10px 0 10px; position: relative; z-index: 100001;}
body#console.kit div.main h2 { font-size: 140%; font-weight: bold; }

div.longLightBox { background: #F0F0F0; border: 1px solid #ddd; float: right; height: auto; padding: 5px 0 0 0; width: 20%; }
div.longLightBlueBox { background: #D6E9F8; border: 1px solid #ACCCE5; height: auto; margin: 10px 0 0 0; padding: 5px 0; width: 100%; }

/* Login */

div.loginHolder { width: 900px; position: relative; }
div.login { position: absolute; top: 0; right: 0; }
div.login a:link, div.login a:visited { color: #fff; text-decoration: underline; }
div.login a:hover, div.login a:active { text-decoration: none; }
div.login h6 { padding: 0 0 3px 0; }
div.login .inputPad { padding: 0 5px 0 0; }
div.login input { color: #a6a6a6; font-weight: bold; width: 110px; }
div.login .loginBtn { margin: -2px 0 0 0; width: 76px; }
div.login form { margin-bottom: -5px; }
div.login div#loginForm { position: relative; width: 333px; z-index: 60000; }
div.login div#loginForm form { position: relative; left: 10px; z-index: 61000; }
div.login div#loginForm p { margin-top: -4px; }
div.login div#loginForm p span { margin-left: -3px; }
div.login div#loginForm p a.password { margin-left: 6px; }
div.login div#loginForm form div.inputPad { position: relative; z-index: 62000; }
div.login div#loginForm img.bg, div.login div#loginForm span.bg { position: absolute; top: -10px; left: 0; z-index: 60000; }
div.login div#loginForm a { color: #B7DF8C; }

div.login div.loginRound { position: relative; width: 193px; right: 12px; z-index: 60000; }
div.login div.loginRound a:link, div.login div.loginRound a:visited { text-decoration: underline; }
div.login div.loginRound a:hover, div.login div.loginRound a:active { text-decoration: none; }
div.login div.loginRound img.bg { position: absolute; top: -10px; left: 0; z-index: 60000; }
div.login div.loginRound p.guest, div.login div.loginRound p.welcome { height: auto; position: relative; left: 12px; margin: -5px 0 5px 0; z-index: 61000; width: 170px; }
div.login div.loginRound p.guest span.bold { color: #f7f7f7; }
div.login div.loginRound div.avatarOptions { position: relative; left: 12px; z-index: 61000; width: 170px; }
div.login div.loginRound div.avatarOptions div.holder { background: none; height: 50px; margin-right: 10px; width: 50px; overflow: hidden; text-align: center; }
div.login div.loginRound div.avatarOptions a { font-size: 12px; }
div.login div.loginRound div.avatarOptions div.holder img { vertical-align: top; }
div.login div#returning { position: relative; top: 13px; }
div.login div#returning a { margin-left: 5px; color: #B7DF8C; font-weight: bold; }

/*  -- NEW -- Learn More Page */

#learnMore h1 { background: url(/adm/img/txt_features.gif) no-repeat; height: 23px; width: 112px; margin-bottom: 20px; text-indent: -5000px; }
#learnMore .box1 { width: 235px; margin-right: 30px; }
#learnMore .box1 h2 { border-bottom: 1px solid #a9a9a9; font-size: 140%; margin-bottom: 10px; padding-bottom: 5px; }
#learnMore .box1 p { margin-bottom: 20px; }

#learnMoreSide { width: 320px; _width: 322px; text-align: center; position: relative; }
#learnMoreSide img.screenshots { margin-bottom: 10px; }
#learnMore #learnMoreSide h1 { background: url(/adm/img/txt_tryFeatures.gif) no-repeat; height: 38px; margin-bottom: 0; width: 322px; }
#learnMore #learnMoreSide a { display: block; margin: 10px auto 20px auto; }

#whatDoIGet { background:url(/adm/img/bg_roundedGreenMid.gif) repeat-y; position: relative; width: 100%; }
#whatDoIGet .text { padding: 18px 15px 15px 20px; position: relative; z-index: 20; }
#whatDoIGet .text h2 { background: url(/adm/img/txt_wantMore.gif) no-repeat; height: 60px; width: 282px; text-indent: -5000px; }
#whatDoIGet .text ul { text-align: left; margin: 10px 15px 15px 20px; }
#whatDoIGet .text ul li { list-style-image: url(/adm/img/img_greenBullet.jpg); font-size: 140%; list-style-position: outside; margin-bottom: 5px}
#whatDoIGet .text ul li span.bold { color: #175B88; }
#whatDoIGet .text p.bold { font-size: 140%; }
#learnMore #learnMoreSide #whatDoIGet .text a.upgrade { display: block; margin: 10px auto 0 auto; }
#whatDoIGet .top { background:url(/adm/img/bg_roundedGreenTop.gif) no-repeat; position: absolute; top: 0; left: 0; height: 15px; width: 100%; z-index:10; }
#whatDoIGet .bottom { background:url(/adm/img/bg_roundedGreenBottom.gif) no-repeat; position: absolute; bottom: 0; left: 0; height: 15px; width: 100%; z-index:10; }



/* Welcome Page */ 

body#console div.welcome { background: none; color: #333; position: relative; margin-bottom: -2px; }
body#console div.welcome div.welcomeBottom { background: none; height: 10px; width: 100%; position: relative; } 
div.welcome { clear: both; padding: 0 0 0 0; font-family: Helvetica, Arial, sans-serif; }
div.welcome div.welcomeTop { background: url(/adm/img/img_boxes_home.jpg) no-repeat 640px 25px; height: 250px; margin: 23px 0 15px 0; position: relative; }
div.welcome div.welcomeTop p { font-size: 160%; }

div.welcome div.welcomeTop a { color: #B7DF8C; }

div.welcome div.welcomeTop div.welcomeRight { width: 540px; position: absolute; left: 20px; top: 25px; }
div.welcome div.welcomeTop div.welcomeRight.drop { top: 35px; }
div.welcome div.welcomeTop div.welcomeRight h1 { font-size: 230%; letter-spacing: -1px; }
div.welcome div.welcomeTop div.welcomeRight p { font-size: 160%; color: #666; line-height: 1.4em; margin-top: 6px; }
div.welcome div.welcomeTop div.welcomeRight a { color: #B7DF8C; text-decoration: underline; }
div.welcome div.welcomeTop div.welcomeRight a.build { position: relative; top: 30px; left: 100px; }

div.welcome div.welcomeExtras { width: 960px; margin-left: 20px; } 
div.welcome div.welcomeExtras h2 { margin-bottom: 10px; font-size: 140%; }
div.welcome div.welcomeExtras div.site-holder { margin: 0 10px 10px 0; position: relative; }
div.welcome div.welcomeExtras div.site-holder a.cover { background: url(/adm/img/img_site_cover.png) no-repeat; _background: url(/adm/img/img_site_cover.gif) no-repeat; display: block; height: 130px; width: 204px; }
div.welcome div.welcomeExtras div.site-holder p { font-weight: bold; position: absolute; bottom: 8px; left: 12px; width: 182px; }
div.welcome div.welcomeExtras div#christina { background: url(/adm/img/featured/img_christina.jpg) no-repeat; }
div.welcome div.welcomeExtras div#bseeds { background: url(/adm/img/featured/img_bseeds.jpg) no-repeat; }
div.welcome div.welcomeExtras div#hclee { background: url(/adm/img/featured/img_hclee.jpg) no-repeat; }
div.welcome div.welcomeExtras div#rok { background: url(/adm/img/featured/img_rok.jpg) no-repeat; }
div.welcome div.welcomeExtras div#okc { background: url(/adm/img/featured/img_okc.jpg) no-repeat; }
div.welcome div.welcomeExtras div#ehistory { background: url(/adm/img/featured/img_ehistory.jpg) no-repeat; }
div.welcome div.welcomeExtras div#lwpiano { background: url(/adm/img/featured/img_lwpiano.jpg) no-repeat; }
div.welcome div.welcomeExtras div#bbc { background: url(/adm/img/featured/img_bbc.jpg) no-repeat; }
div.welcome div.welcomeExtras p.txtC { color: #666; font-size: 150%; width: 840px; padding: 15px 20px; }

div.welcome div.welcomeExtras div#latestNews { margin-bottom: 20px; }
div.welcome div.welcomeExtras div.details { margin: 0 15px 0 5px; }
div.welcome div.welcomeExtras div.details p.posted { color: #808080; margin-top: 5px; }
div.welcome div.welcomeExtras div.details a.bold { font-size: 120%; }
div.welcome div.welcomeExtras div.extrasLeft { width: 380px; }
div.welcome div.welcomeExtras div.extrasRight { width: 470px; }
div.welcome div.welcomeExtras div.extrasRight div.details { margin: 0 2px; } 
div.welcome div.welcomeExtras div.extrasRight div.thumb { width: 145px; }
div.welcome div.welcomeExtras div.extrasRight div.first, div.welcome div.welcomeExtras div.extrasRight div.second { margin: 0 15px 10px 0; }
div.welcome div.welcomeExtras div.extrasRight div.thumb img { border: 1px solid #ccc; background: #fff; padding: 2px; }
div.welcome div.welcomeExtras div.extrasHeading { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px; position: relative; width: 100%; }
div.welcome div.welcomeExtras div.extrasHeading h2 { font-size: 140%; margin-left: 5px; }
div.welcome div.welcomeExtras div.extrasHeading a.rss { position: relative; top: 3px; } 
div.welcome div.welcomeExtras div.extrasHeading a.rightLink { font-size: 12px; float: right; font-weight: normal; text-align: right; }
div.welcome div#featured { margin: 10px 0 0 0; width: 100%; }
div.welcome div#featureSites a { font-size: 120%; }

div.welcome div.welcomeTop a.getStarted img, div.welcome div.welcomeTop div a.getStarted img { margin: 5px 0 0 55px; }

div.welcome div.whyWebon { background: #ECECEC; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; padding: 15px 0; margin-top: 10px; width: 100%; }
div.welcome div.whyWebon div.whyContainer { margin: 10px 50px 0 25px; }
div.welcome div.whyWebon div.whyContainer div.space { height: 20px; }
div.welcome div.whyWebon div.whyContainer div.boxes { width: 390px; } 
div.welcome div.whyWebon div.whyContainer div.boxes div.rgt { width: 85%; }
div.welcome div.whyWebon h1.whyWebon { background: url(/adm/img/txt_whyWebon.gif) no-repeat; height: 19px; margin-left: 10px; text-indent: -5000px; }

div.welcome ul.kitBox li { height: 72px; display: block; width: auto; }
div.welcome ul.kitBox li a:link, div.welcome ul.kitBox li a:visited { text-decoration: none; }
div.welcome ul.kitBox li a:hover, div.welcome ul.kitBox li a:active { text-decoration: underline; }
div.welcome ul.kitBox li img { margin: 0 15px 0 10px; }
div.welcome ul.kitBox li h2 { font-size: 14px; padding-top: 10px; }
div.welcome ul.kitBox li p { margin: 0; padding: 0; }
div.welcome ul.kitBox li.alternate { border-top: 1px solid #C3D2DB; border-bottom: 1px solid #C3D2DB; }
div.welcome ul.kitBox li.alternate div { background: #DDECF3; height: 70px; margin-top: 1px; }

/* Kit Selection Page */

body#console div.kits { margin-top: 10px; width: 890px; } /* When filters come back width is not necessary */
body#console ul.kitBox { height: 366px; overflow-y: scroll; width: 100%; } /* When filters come back width should be 635px */
body#console ul.kitBox li { height: 72px; display: block; width: auto; }
body#console ul.kitBox li a:link, body#console ul.kitBox li a:visited { text-decoration: none; }
body#console ul.kitBox li a:hover, body#console ul.kitBox li a:active { text-decoration: underline; }
body#console ul.kitBox li img { margin: 0 15px 0 10px; }
body#console ul.kitBox li h2 { font-size: 14px; padding-top: 10px; }
body#console ul.kitBox li.alternate { border-top: 1px solid #C3D2DB; border-bottom: 1px solid #C3D2DB; }
body#console ul.kitBox li.alternate div { background: #DDECF3; height: 70px; margin-top: 1px; }

body#console div.kits div.filterOptions { margin-right: 18px; padding: 10px; width: 188px; }
body#console div.kits div.filterOptions h3 { color: #292929;  font-size: 12px; text-transform: uppercase; margin-bottom: 15px; }
body#console div.kits div.filterOptions label { font-size: 12px; }
body#console div.kits div.search { background: url(/adm/img/toolbar/popouts/bg_searchLeft.gif) no-repeat; .background: url(/adm/img/toolbar/popouts/bg_searchLeft.gif) no-repeat 0 1px; margin: 5px 0 10px 0; padding-left: 5px; height: 22px; }
body#console div.kits div.search input { background: url(/adm/img/toolbar/popouts/bg_searchMid.gif) repeat-x; border: none; color: #999; height: 22px; width: 138px; .width: 134px; padding-top: 3px; position: relative; top: -6px; .top: 0; }
body#console div.kits div.filterOptions select { margin-top: 5px; width:166px; }

/* 404 Error styles */

div.fourHolder { padding: 40px 30px 0 30px; min-height: 300px; _height: 300px; width: 840px; }
div.fourHolder img.warning { margin-right: 20px; }
div.fourHolder h1.errorMsg { margin: 10px 0; }
div.fourHolder p { font-size: 140%; }

/* CSS For Rounded Corner boxes */
div.rounded {position:relative; margin:0px auto; min-width:130px;
 max-width:650px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000; z-index:1; margin-left:12px; /* default, width of left corner */
}

div.rounded div.content,
div.rounded div.text,
div.rounded div.bottom,
div.rounded div.bottom div {
 background:transparent url(/adm/modules/csseditor/images/bg_roundedAll.png) no-repeat top right;
 _background-image:url(/adm/modules/csseditor/images/bg_roundedAll.png);
}

div.rounded div.content { position:relative; _overflow-y:hidden; padding:0; zoom: 1;}

div.rounded div.text {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:15px; /* top slice width */
 margin-left:-15px;
 height:100%;
 _height:350px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

div.rounded div.bottom {
 /* bottom */
 position:relative;
 width:100%;
}

div.rounded div.bottom,
div.rounded div.bottom div {
 height:15px; /* height of bottom cap/shade */
 font-size:1px;
}

div.dialog div.bottom {
 background-position:bottom right;
}

div.rounded div.bottom div {
 position:relative;
 width:15px; /* bottom corner width */
 margin-left:-15px;
 background-position:bottom left;
}

div.rounded h1,
div.rounded p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
}

div.rounded h1 {
 color: white; line-height: 18px;
 padding-bottom:0px;
 padding: 8px 0 12px 0;
}

/* Manage Page */
body#console div.manage { background: url(/adm/img/console/bg_main_mid.gif) repeat-y -1px 0; color: #292929; position: relative; margin-bottom: -2px; }
body#console div.manage div.manageTop { background: url(/adm/img/console/bg_main_top.gif) no-repeat -1px 0; height: 2px; width: 100%; } 
body#console div.manage div.manageBottom { background: #fff url(/adm/img/console/bg_main_bottom.gif) no-repeat -1px 0; height: 10px; width: 100%; position: absolute; bottom: 0; _position: relative; clear: both; } 
div.manage form { padding-bottom: 5px; }
div.manage a:link, div.manage a:visited { text-decoration: none; }
div.manage a:link:hover, div.manage a:visited:hover { text-decoration: underline; }
div.manage a.createSiteBtn { margin: 3px 10px 0 0; }
div.manage span.createSiteBtn { display: none; }

div.manageRight { padding: 10px 10px 0 10px; float: right; width: 168px; }
div.manageRight ul.options { margin: 10px 0 0 0; }
div.manageRight ul.options li { height: 18px; margin-bottom: 15px; }
div.manageRight ul.options a { font-size: 120%; margin-left: 7px; position: relative; top: -4px; }
div.manage a.tools { background: url(/adm/img/bg_rightGrad.gif) repeat-x; border: 1px solid #4C82A5; border-left: 3px solid #4C82A5; display: block; font-size: 15px; margin: 5px 0 10px 0; text-decoration: none; width: 100%; }
div.manage a.tools:hover { background: url(/adm/img/bg_rightGradHover.gif) repeat-x; color: #fff; }
div.manage a.tools img, div.manage a.tools span { margin: 5px; vertical-align: middle; }

div.manageLeft { float: left; width: 75%; z-index: 1000; }
div.manageLeft div.min-height { height: 300px; float: right; width: 1px; }
div.manageLeft div.errorMsgs ul li { background: #DDF0F8 url(/adm/img/console/icon_warning.gif) no-repeat 8px 7px; margin-bottom: 10px; position: relative; padding-bottom: 2px; }
div.manageLeft div.errorMsgs ul li p { margin: 0 30px; padding-top: 4px; }
div.manageLeft div.errorMsgs ul li.permanent p { margin: 0 30px; padding-top: 4px; color: red; }
div.manageLeft div.errorMsgs ul li a.close { display: block; padding: 3px; line-height: 0.6em; border: 1px solid #939393; color: #939393; font-size: 13px; font-weight: bold; position: absolute; top: 4px; right: 12px; text-decoration: none; }
div.siteBox { border: 1px solid #B6BEC7; margin: 0 0 10px 0;  }
div.siteBox div.siteHead { background: #F0F4F7; border-bottom: 1px solid #B6BEC7; height: 32px; position: relative; z-index: 10; }
div.siteBox div.siteHead div.shutter { border-right: 1px solid #B6BEC7; margin-right: 10px; padding: 9px 5px 4px 5px; width: 14px;}
div.siteBox div.siteHead h1.lft { line-height: 1.8em; }
div.siteBox div.siteHead h2.lft { font-size: 140%; line-height: 2.0em; margin-left: 10px; }
div.siteBox div.siteHead h2.lft img.rss { position: relative; top: 3px; }
div.siteBox div.siteHead a.rgt { font-size: 12px; line-height: 2.6em; margin: 0 10px 0 0; }
div.siteBox div.siteHead select.rgt { border: 1px solid #7F7F7F; padding: 1px; width: 110px; position: relative; top: 5px; right: 10px; z-index: 20; }
div.siteBox h1 a { background: transparent; font-size: 15px; }
div.siteBox h1 span.btns { float: right; }
div.siteBox h1 span.btns img,
div.siteBox h1 span.btns span { height: 15px; margin: 1px 1px 0 1px; }
div.siteBox .btn { margin: 4.8em 10px 0; }
div.siteDetails { float: left; padding: 5px; width: 75%; }
div.siteDetails p { margin: 5px 0; }
div.siteDetails p strong { clear: left; float: left; margin-right: 8px; text-align: right; width: 25%; }

div.smallBox { width: 49%; }
div.siteBox div.box { width: auto; margin: 0 10px; border-bottom: 1px solid #B6BEC7; }
div.siteBox div.altBox { width: auto; margin: 0 20px 0 10px; }
div.siteBox div.myNews { width: auto; margin: 10px 20px 10px 10px; }
div.siteBox div.myNews p.postedGrey { margin-top: 10px; }
div.siteBox div.myAdditions { width: auto; margin: 0; }
div.siteBox div.altBox.myAdditions table { margin: 5px 0 0 0; }
div.siteBox div.myAdditions table td { border-bottom: 1px solid #DADEE3; }
div.siteBox div.altBox.myAdditions table td.thing { width: 40%; }
div.siteBox div.altBox.myAdditions table td.type { width: 25%; }
div.siteBox div.altBox.myAdditions table td.posted { width: 35%; }
div.siteBox div.myAdditions td.txtR p { margin-right: 20px; }
div.siteBox div.myAdditions td a { margin-left: 10px; }
div.siteBox div.altBox table { margin: 5px 0 10px 0; width: 100%; }
div.siteBox div.altBox table td { padding-top: 5px; width: 25%; }
div.siteBox div.altBox a { font-size: 12px; }
div.siteBox div.box p,div.siteBox div.box h2 { margin: 10px 0; padding: 0; }
div.siteBox div.box h2 { font-size: 140%; }
div.siteBox div.publishSect p.upsell { background: url(/adm/img/console/icon_upsell.gif) no-repeat; padding-left: 20px; line-height: 1.2em; }
div.siteBox div.statsSect p { padding-left: 10px; }
div.siteBox div.addonSect { border-bottom: none; }
div.siteBox div.addonSect table { margin: 0 10px 10px 10px; padding: 0; width: 98%; }
div.siteBox div.addonSect td { padding-bottom:3px; width: 25%; }
div.siteBox div.addonSect td p { margin: 0; padding: 0; }
div.siteBox div.addonSect td a { font-size: 120%; }
input.txt_protect {margin-bottom:5px; }
h1.myAddons { background: url(/adm/img/txt_myAddons.png) no-repeat; height: 26px; margin: 20px 0 0; text-indent: -5000px; width: 143px; }

/* Webon Toolbar */ 

div.drawer { width: 100%; position: absolute; top: 0; left: 0; }
div.drawerShadow { background: url(/adm/img/toolbar/bg_toolbarShadow.png) bottom repeat-x; height: 4px; width: 100%; position: absolute; top: 111px; z-index: 40; }
div.drawerTopBar { background: url(/adm/img/toolbar/bg_toolbarTop.gif) repeat-x; height: 31px; position: relative; top: 0; left: 0; width: 100%; }
div.drawerLogo { height: 24px; position: absolute; top: 0; left: 10px; width: 30px; }
div.drawerLogo a { position: relative; top: 2px; left: 0; border: none; }
div.drawerNav { height: 31px; position: absolute; top: 0; left: 100px; right: 0; overflow: hidden; text-align: left; width: auto; }
div.drawerNav ul { height: 31px; width: auto; }
div.drawerNav li { background: url(/adm/img/toolbar/toolbarNavBdr.gif) no-repeat right; float: left; height: 31px; text-align: center; width: 100px; }
div.drawerNav a.selected:link,  div.drawerNav a.selected:visited { display: block; background: #FFF; color: #105482; font-size: 1.2em; font-weight: bold; line-height: 2.4em; width: 100px; height: 31px; }
div.drawerNav a.selected:hover,  div.drawerNav a.selected:active { cursor: default; display: block; background: #FFF; color: #105482; font-size: 1.2em; font-weight: bold; line-height: 2.4em; width: 100px; height: 31px; text-decoration: none; }
div.drawerNav a:link, .drawerNav a:visited { display: block; color: #fff; font-size: 1.2em; font-weight: bold; height: 31px; line-height: 2.4em; width: 100px; }
div.drawerNav a:hover, .drawerNav a:active { display: block; color: #fff; font-size: 1.2em; font-weight: bold; height: 31px; line-height: 2.4em; text-decoration: underline; }
div.topRightButtons { background: url(/adm/img/toolbar/bg_toolbarTop.gif) repeat-x; height: 31px; position: absolute; top: 0px; _top: 3px; right: 0; text-align: right; width: 215px; z-index: 40; }
div.topRightButtons a.pagesDrop { position: relative; top: -3px; text-decoration: none; }
div.topRightButtons a.pagesDrop p { color: #000; font-weight: bold; position: absolute; top: -9px; left: 6px; text-decoration: none; text-transform: uppercase; }
div.drawerBottom { border-bottom: 1px solid #3F83AB; height: 90px; position: relative; top: 0; left: 0; width: 100%; }
div.arrowHolderLeft { height: 100%; width: 35px; position: absolute; padding-top: 5px; text-align: center; top: 0; left: 0; z-index: 60; }
div.arrowHolderRight { height: 100%; width: 35px; position: absolute; padding-top: 5px; text-align: center; top: 0; right: 160px; z-index: 60; }
div.drawerWrap { height: 100%; overflow: hidden; position: absolute; top: 9px; left: 10px; right: 10px; width: auto; }
div.drawerBox { height: 100%; position: relative; top: 0; left: 10px; width: 6000px; }
div.iconHolder { color: #086392; font-weight: bold; padding: 0 5px 0 10px; text-align: center; width: 75px; height: 50px; position: relative; }
div.iconHolder img { width: 75px; height:51px;}
div.iconHolder div.label { margin: 0 auto 0 2px; width: 88px; height: 16px; overflow: hidden; position: absolute; bottom: 22px; }
div.moduleWrapper { border: 1px solid #A0CDEA; height: 48px; width: 0; margin-right: 20px; position: relative; top: 6px; }
div.manageHolder { position: relative; height: 29px; margin: 0; text-align: center; width: 135px; }
div.manageHolder a { color: #175B88; display: block; background: url(/adm/img/toolbar/bg_styleButtons.gif) repeat-x bottom; border: 1px solid #4C82A5; border-left: 3px solid #4C82A5; height: 27px; }
div.manageHolder a:hover { background: url(/adm/img/toolbar/bg_styleButtonsHover.gif) repeat-x bottom; color: #fff; text-decoration: none; }
div.manageHolder a span { font-size: 12px; position: relative; top: -4px }
div.manageHolder img { margin: 0 5px 0 0; padding: 0; position: relative; top: 2px; }
div.statusBar { height: 20px; width: 100%; position: absolute; bottom: 20px; text-align: left; z-index: 50; }
div.statusBar p.pageName { display: none; position: relative; top: 1px; left: 15px; width: 25%; }
div.statusBar p.saving { position: absolute; top: 2px; right: 42px; width: 25%; text-align: right; }
div.showHide { position: absolute; left: 0px; top: 120px; width: 100%; z-index: 60000; }

/* Look and Feel Tab */
div.layout { position: relative; top: -4px; left: 0; }
div.layout div.iconHolder { margin: 0 0 0 0; padding: 0 10px 0 0; }
div.layout div.iconHolder img { border: 1px solid #A0CDEA; position: relative; top: 1px; }
div.layout div.iconHolder span { display: block; height: 49px; padding-top: 6px; width: 72px; margin-left: 15px; }
div.layout div.iconHolder span.selected { background: #A0CDEA; }
div.layout div.iconHolder div.label { margin: 0 auto 0 8px; width: 88px; height: 16px; overflow: hidden; position: absolute; bottom: 8px; }

/* Add-On Basic Styling */
.addOnBorder {  border: 1px solid #000; } 
.addOnBorderBottom { border-bottom: 1px solid #000; } 
.addOnBorderTop { border-top: 1px solid #000; } 
.addOnGradientTop {  background: url() repeat-x; } 
.addOnGradientBottom { background: url() repeat-x; }
.addOnShadowBox { background: #000; } 
.addOnShadowBoxSmall { background: #999; } 
.addOnTableHeading { color: #000; }
.addOnTableHeadingBg { background: #ccc; } 
.addOnTableRowBg { background: #ddd; } 
.addOnTableRowAltBg { background: #eee; }
.addOnTableColumnBg { background: #aaa; } 
.addOnTableColumnAltBg { background: #fff; }
.addOnBackgroundImage { background: url(); }

.addOnHeadline { font-size: 20px; color: #000; }
.addOnSubHead { font-size: 18px; color: #000; }
.addOnSubH3 { font-size: 16px; color: #000; }
.addOnSubH4 { font-size: 14px; color: #000; }
.addOnPlainText { font-size: 12px; color: #000; }
.addOnBasicLink { font-size: 12px; color: #086392;}
.addOnSmallText { font-size: 10px; color: #000; }
.addOnBackground { background: inherit; }
.addOnShadedText { font-size: 12px; color: #000; background-color: #ccc; }
.addOnAccentText { font-size: 12px; color: #000; background-color: #999; }
.addOnSectionHead { font-size: 16px; color: #000; border-bottom: 1px solid #000; }
.addOnMiniNavBox { background-color: #ccc; border: 1px solid #999; color: #292929; font-size: 12px; padding: 2px; }
.addOnButton { background: #1F4A6B url(/adm/media/bg_button.gif) repeat-x; border: solid 2px #2D6B9A; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0; padding: 0px 5px 0 5px; text-align: center; height: 22px; }

/* Detachable Toolbar Area */
div.toolbar { background: url(/adm/img/toolbar/drawer/bg_toolbarTop.gif) 2px 0 no-repeat; height: auto; width: 96px; padding-top: 25px; position: absolute; top: 170px; left: 35px; text-align: left; z-index: 60; }
div.toolbar p { color: #292929; }
div.toolbar div.iconHolder { background: url(/adm/img/toolbar/drawer/bg_iconHolder.gif) 2px 0 repeat-y; height: auto; width: 90px; text-align: center; }
div.toolbar div.iconHolder div.section { border-bottom: 1px solid #999; position: relative; margin: 0 auto; padding: 5px 0; width: 80px; }
div.toolbar div.iconHolder div.sectionLast { margin: 0 auto; padding: 5px 0 0 0; width: 80px; }
div.toolbar div.toolbarBottom { background: url(/adm/img/toolbar/drawer/bg_drawerBottom.gif) 2px 0 no-repeat; height: 11px; width: 96px; }
div.toolbar div.iconHolder div.section div.colorPicker { background: #97D652; height: 16px; position: absolute; top: 135px; left: 52px; width: 16px; z-index: 70; }
div.toolbar div.iconHolder img.colorPicker { position: relative; z-index: 80; }

/* Webon Messages Area */
li.unreadH { display: none; }
ul.messages li.unreadY { background: #ffffcc; }
ul.messages li.unreadY a.unread { display: none; }
ul.messages li.unreadN { background: #ccffff; }
ul.messages li.unreadN a.read { display: none; }
ul.messages li.unreadH { background: #ffccff; display: none; }
ul.messages li.unreadH a.hidden { display: none; }
ul.messages li.priorityH { color: #ff0000; }
ul.messages li.priorityL { color: #ccc; }

/* Module Owner Options */
div.ownerOptions { background: #094E7C url(/adm/img/toolbar/bg_toolbarTop.gif) repeat-x 0 0; color: #fff; border-bottom: 1px solid #999; min-height: 31px; _height: 31px; padding: 0 5px 0 0;}

div.ownerOptions h3 {font-size: 1.8em !important; margin: 0; padding: 0; position: relative; top: 3px; left: 5px; }

div.ownerOptions select { margin: 0 5px 0 0; vertical-align: top; position: relative; top: 4px; }

div.ownerOptions img {cursor: pointer; position: relative; top: 3px;}
  
div#sidebar div.ownerOptions h3,
div#sidebar div.ownerOptions div { float: none; }

.mceToolbarExternal {background-color:#EFEFEF; }