body,html { padding:0; margin:0; border:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
img { border:0}
a { color:#0166cb; text-decoration:none }
a:hover { text-decoration:underline }

/* Header */
.headerbg { background:url(../img/headerbg.gif) repeat-x; height:90px; }
.header { width:970px; margin:0 auto; height:90px; position:relative; z-index: 100000; text-align: left; }
.header .logo { width:237px; height:49px; position:absolute; top:5px; }
.header .logo { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../img/logo.png') }
.header .logo[class] { background:url('../img/logo.png') 0 0 no-repeat }
.header .logo a { display:block; text-indent:-9999px; height:49px; }

/* Footer */
.footer { background:url(../img/headerbg.gif) repeat-x; margin:0 auto; height:20px; width:100%; position:fixed; bottom: 0px; z-index: 100000; }

/* Nav and menus */
.nav { position: absolute; top:60px; left:10px; z-index:200; margin: 0; padding: 0; list-style-type: none; overflow: visible; }
.nav li { position: relative; float: left; margin: 0 10px 0; padding: 0; overflow: visible; }
.nav a.navItem { position: relative; z-index: 200; display: block; height: 30px; color:#fff; float:left; height:30px; text-decoration:none; line-height:30px; margin-right:15px; padding-left:8px }
.nav a.navItem span { display: block; padding:4px 18px 4px 10px; }
.nav a.navItem:hover { text-decoration:none }

.nav li.active a.navItem { background:url(../img/activeTabLeft.gif) no-repeat top left; display:block; line-height:22px; }
.nav li.active a.navItem span { background:url(../img/activeTabRt.gif) no-repeat top right; outline: none; }
.nav li.active a.navItem { color:#eb5e00}
.nav li.active .menu { display: block; }

/* Menu box */
.nav .menu { display: none; position: absolute; top: 27px; left: 0; z-index: 100;  margin: 0; padding-bottom: 2em; background: #fffcce; border: 3px solid #ffc600; }
.nav .menu .close { position: absolute; right: 15px; bottom: 5px; }


/* Themes menu */
.menu.themes { width: 360px; margin: 0; padding-top: 10px; }
.menu.themes ul { width: 360px; clear: both; overflow: hidden; }
.menu.themes li { color: #999; height: 130px; width: 100px; margin: 0 0 0 15px; cursor: pointer; cursor: hand; }
.menu.themes li span { display: block; height: 1.2em; overflow: hidden; }
.menu.themes li img { display: block; height: 100px; width: 100px; }

.paginated .viewer { height: 260px; overflow: hidden; }
.paginated .viewer ul { position: relative; list-style-type: none; margin: 0; padding: 0; }
.paginated .viewer li { float: left; text-align: center; }
.paginated .pageList { text-align: center; }
.paginated .pageList a { margin: 0 3px; }

/* Background menu */
.menu.background { width: 320px; }
.menu.background p { margin: 10px; }
.menu.background label { width: 14em; display: block; margin-bottom: 3px; }
.menu.background #colorCode { width: 60px; }
.menu.background #Upload { margin-left: 10px; }

.menu.background .colorPickerWrapper { margin: -7px 0 10px 30px; }

/* Box Options */
.menu.boxes .content { overflow: hidden; }

.menu.boxes .more { margin: 10px; }
.menu.boxes .more li { float: none; overflow: hidden; margin: 3px 0; }
.menu.boxes .more span { display: block; float: left; width: 15em; line-height: 36px; text-align: right; }
.menu.boxes .more .colorPickerWrapper { margin-left: 5px; float: left; } 

.menu.boxes .style, .menu.boxes .font, .menu.boxes .size { width: 150px; float: left; margin-top: 10px; }

.menu.boxes ul.styleBox { width: 115px; height: 115px; overflow-y: auto; overflow-x: hidden; margin: 0; padding: 0; background: #F0F0F0; border: 1px solid #A3A3A3; color: #fff; }
.menu.boxes .styleBox li { float: none; margin: 0; color: #000;}
.menu.boxes .styleBox li.selected { background: #6191B3; color: #fff; }
.menu.boxes .styleBox li a { padding: 2px; display: block; color: inherit; text-decoration: none; }
.menu.boxes .styleBox li a:hover { text-decoration: none; }

.menu.boxes .styleBox li a.solid { border-top-style: solid; }
.menu.boxes .styleBox li a.double { border-top-style: double; }
.menu.boxes .styleBox li a.dotted { border-top-style: dotted; }
.menu.boxes .styleBox li a.dashed { border-top-style: dashed; }
.menu.boxes .styleBox li a.groove { border-top-style: groove; }
.menu.boxes .styleBox li a.ridge { border-top-style: ridge; }
.menu.boxes .styleBox li a.inset { border-top-style: inset; }
.menu.boxes .styleBox li a.outset { border-top-style: outset; }


.menu.boxes .styleBox li a.verdana { font-family: verdana; }
.menu.boxes .styleBox li a.Arial { font-family: Arial; }
.menu.boxes .styleBox li a.Comic-Sans { font-family: Comic Sans; }
.menu.boxes .styleBox li a.Courier { font-family: Courier; }
.menu.boxes .styleBox li a.Impact { font-family: Impact; }
.menu.boxes .styleBox li a.Lucida-Console { font-family: Lucida Console; }
.menu.boxes .styleBox li a.Georgia { font-family: ; }
.menu.boxes .styleBox li a.Palatino-Linotype { font-family: Palatino Linotype; }
.menu.boxes .styleBox li a.Trebuchet { font-family: Trebuchet; }
.menu.boxes .styleBox li a.Times { font-family: Times; }  

.menu.boxes .text .styleBox li a.size-9 { font-size: 9px; }
.menu.boxes .text .styleBox li a.size-10 { font-size: 10px; }
.menu.boxes .text .styleBox li a.size-12 { font-size: 12px; }
.menu.boxes .text .styleBox li a.size-16 { font-size: 16px; }
.menu.boxes .text .styleBox li a.size-18 { font-size: 18px; }
.menu.boxes .text .styleBox li a.size-22 { font-size: 22px; }



/* Color picker */
.colorpicker { z-index: 100000; background-image: url(../img/colorpicker/custom_background.png); position: absolute; bottom: 0; left: 0 }
.colorpicker_hue div { background-image: url(../img/colorpicker/custom_indic.gif) }
.colorpicker_hex { background-image: url(../img/colorpicker/custom_hex.png) }
.colorpicker_rgb_r { background-image: url(../img/colorpicker/custom_rgb_r.png) }
.colorpicker_rgb_g { background-image: url(../img/colorpicker/custom_rgb_g.png) }
.colorpicker_rgb_b { background-image: url(../img/colorpicker/custom_rgb_b.png) }
.colorpicker_hsb_s { background-image: url(../img/colorpicker/custom_hsb_s.png); display: none }
.colorpicker_hsb_h { background-image: url(../img/colorpicker/custom_hsb_h.png); display: none }
.colorpicker_hsb_b { background-image: url(../img/colorpicker/custom_hsb_b.png); display: none }
.colorpicker_submit { background-image: url(../img/colorpicker/custom_submit.png) }
.colorpicker input { color: #778398 }

.colorPickerWrapper { overflow: hidden; }
.colorPickerWrapper input { float: left; margin: 8px 0; }
.colorSelection { float: left; position: relative; width: 36px; height: 36px; background: url(../img/colorpicker/select2.png); }
.colorSelection div { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: #CCC url(../img/colorpicker/select2.png) center; text-indent: -1000px; } 


/* Tab box */
.tabbox ul.tabs { margin: 10px 0 0 10px; clear: both; }
.tabbox ul.tabs li { margin: 0 3px; font-size: 1.1em; }
.tabbox ul.tabs li a { display: block; padding: 4px 7px; background: #EB5E00; }
.tabbox ul.tabs li.selected { font-weight: bold; }
.tabbox ul.tabs li.selected a, .tabbox ul.tabs li a:hover { background: #EF9700; }
.tabbox ul.tabs li a, .tabbox ul.tabs li a:hover { color: #fff; text-decoration: none; }

.tabbox .tabContent { display: none; clear: both; padding: 7px; border-top: 2px solid #EF9700; }
.tabbox .tabContent.selected { display: block; }

.publishArea { position:absolute; right:0; top:5px; width:130px; color:#fff }
.buttonstyle { color: #FFF; font-weight: bold; font-size: 14px; height: 30px; width: 94px; background: transparent url(../img/top_button.GIF) no-repeat center center; text-align:center; border:0}

.popupBox { width:360px; background-color:#fffcce; border:3px solid #ffc600}
#themes { position:relative; top:87px; left:-15px }
.theme { float:left; width:100px; height:120px; margin:10px 0 0 15px; text-align:center; overflow:hidden }
.theme img { width:100px; height:100px }
.theme a { color:#999; text-decoration:none }
#back_ground { position:relative; top:87px; left:80px }
#boxes { position:relative; top:87px; left:200px }

.pagination { margin:10px 0 5px 5px }
.pagination a { background:url(../img/page_none.gif) no-repeat; float:left; height:24px; width:26px; line-height:24px; color:#d48c7d; text-align:center; font-size:11px; text-decoration:none; margin: 0 5px }
.clearfix:after, clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; clear: both; font-size: 0 !important; line-height: 0 !important; }
.clearfixLt:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; font-size: 0 !important; line-height: 0 !important; }
/* fixie \*/* html .clearfix, * html .clearfixLt, * html .clearfixRt { display: inline-block; }/**/
.clearFix { display: inline-block; }
html>body .clearFix { display: block !important; } /*For Gecko-based browsers*/


.accordion { padding:0 5px 5px }
.accordion h3{ background:#EB5E00; padding:5px; cursor:pointer; margin:10px 0 0; color:#fff; width:330px; font-size:14px }
.accordion h3:hover,.accordion h3.active { background:#EF9700}
.accordion p { padding:5px; margin:0}