@charset "utf-8";

*{margin:0; padding:0; outline:none; outline-style:none;}

body {background:url(../images/bg_body.jpg) repeat-x #4d122f; font-family:Arial; color:#FFFFFF; font-size:14px; line-height:20px;}

p { margin:0; padding:0; padding-bottom:15px}
p a:link, p a:visited {color:#CCFF00; text-decoration: none;}
p a:hover {color:#EB2588; text-decoration: underline}

h1.first {font-size:18px; font-weight:normal; color:#ffffff; }
h1.title {font-size:22px; font-weight:normal; color:#eb2589; margin-bottom:15px; } 

h2 {font-size:18px; font-weight:normal; color:#CCFF00; } 
h3 {font-size:22px; font-weight:normal; color:#eb2589; margin-bottom:15px; } 
h3.green {font-size:16px; font-weight:normal; color:#CCFF00; margin-bottom:5px; } 
h4 {font-size:15px; font-weight:normal; }

img {border:none;}

strong {color:#FFFFFF;}

#container { width:100%; margin:0 auto; background:url(../images/bg_top.jpg) no-repeat top center}
#wrapper {width:956px; margin:0 auto;} 

#header {width:956px; height:121px; float:left;}
#header #logo {width:215px; height:44px; float:left; padding:40px 0 0 20px;}
#header #topcaption {width:380px; float:left;   padding:45px 0 0 100px; color:#fff;}
#header #tryfree {width:117px; height:82px; float:right;}

#menubar {width:945px; height:41px;  background:url(../images/bg_menubar.gif) repeat-x; clear:both; overflow:auto;}

#menubar #login { background:url(../images/bg_login.jpg) no-repeat; width:324px; height:41px; float:left;}
#menubar #login ul.loginmenu {margin:15px 0 0 15px; padding:0;}
#menubar #login ul.loginmenu li {display:inline;}
#menubar #login ul.loginmenu li a {display:block; float:left; background:url(../images/bg_login.png) no-repeat; height:10px;}
#menubar #login ul.loginmenu li a.loginbt {width:63px; background-position:0 0;}
#menubar #login ul.loginmenu li a:hover.loginbt {width:63px; background-position:0 -10px;}
#menubar #login ul.loginmenu li a.register {width:72px; background-position:-63px 0;}  
#menubar #login ul.loginmenu li a:hover.register {width:72px; background-position:-63px -10px;}

#menubar #login ul.logoutmenu {margin:15px 0 0 0; padding:0;}
#menubar #login ul.logoutmenu li {display:inline;}
#menubar #login ul.logoutmenu li a {display:block; float:left; background:url(../images/bg_logout.png) no-repeat; height:10px;}

#menubar #login ul.logoutmenu li a.changeprofilebt {width:117px; background-position:0 0;}
#menubar #login ul.logoutmenu li a:hover.changeprofilebt {width:117px; background-position:0 -10px;}

#menubar #login ul.logoutmenu li a.logoutbt {width:85px; background-position:-117px 0;}
#menubar #login ul.logoutmenu li a:hover.logoutbt {width:85px; background-position:-117px -10px;}

#menubar ul.menu {display:block; padding-top:5px; float:left; height:36px; background:url(../images/bg_menu_right.gif) right no-repeat; width:627px; margin-left:-6px;}
#menubar ul.menu li {display:inline;}
#menubar ul.menu li a {background:url(../images/bg_menu.jpg) top no-repeat; display:block; float:left; height:36px; }

#menubar ul.menu li a.home {width:153px; background-position:0 0;}
#menubar ul.menu li a:hover.home, #menubar ul li.selected a.home {background-position:0 -36px;}

#menubar ul.menu li a.features {width:157px; background-position:-153px 0;}
#menubar ul.menu li a:hover.features, #menubar ul li.selected a.features {background-position:-153px -36px;}

#menubar ul.menu li a.pricing {width:158px; background-position:-310px 0;}
#menubar ul.menu li a:hover.pricing, #menubar ul li.selected a.pricing {background-position:-310px -36px;}

#menubar ul.menu li a.faq {width:155px; background-position:-468px 0;}
#menubar ul.menu li a:hover.faq, #menubar ul li.selected a.faq {background-position:-468px -36px;}

#content-top {width:945px; background:url(../images/bg_content_top.gif) top no-repeat ; height:13px; overflow:hidden; float:left} 
#content-bottom {width:945px; background:url(../images/bg_contentbtm.png)  top no-repeat; height:18px; overflow:hidden; float:left}

#content-wrapper {width:945px; background:url(../images/bg_content_wrapper.gif) repeat-y; float:left}

#content {width:943px; margin:0 1px; background:url(../images/bg_contenttop.jpg) no-repeat; background-position:0 0; float:left}

#content3 {width:903px; margin:0 1px;float:left; margin-left:20px; margin-right:20px; }
#content3 #leftmenu {width:295px; float:left;padding-left:15px;}
#content3 #publication {width:610px; float:right; }
#content3 ul { padding-bottom:20px; }
#content3 ul li { list-style:none;color:#FFF;height:25px;padding-left:25px;background:url(../images/star.jpg) top left no-repeat;line-height:15px; }

#content2 {width:943px; margin:0 1px;float:left; background:url(../images/bg_content2.gif) repeat-y;}
#content2 #leftmenu {width:295px; float:left;padding-left:15px;}
#content2 #publication {width:610px; float:right; }
#content2 ul { padding-bottom:20px; }
#content2 ul li { list-style:none;color:#FFF;height:25px;padding-left:25px;background:url(../images/star.jpg) top left no-repeat;line-height:15px; }

#content .dot {width:905px; float:left; margin:0 19px; background:url(../images/dotline.gif)  bottom repeat-x; } 
#content .dotless {width:905px; float:left; margin:0 19px; } 

#content #flipcreate {width:280px; float:left; padding:260px 0px 0px 0px;}

#content #publication {width:590px; float:right; }
#content #publication .publicationcont { padding-top:50px;padding-bottom:25px; background:url(../images/dotline.gif) bottom repeat-x; }
#content #publication .quick {width:250px; float:left; margin-right:12px; display:inline; padding:15px 0;}
#content #publication .easy {width:157px; float:left; display:inline; padding:15px 0;}
#content #publication .afordable {width:157px; float:right; display:inline; padding:15px 0;}

#content #publication2 {width:905px; float:right; }

#content #publication #login { width:260px; float:left;padding-right:25px;padding-left:15px; }
#content #publication #register { width:260px; float:left; }
.textfield { width:216px;height:28px;color:#666;font-size:15px;background:url(../images/textfield.png) no-repeat;border:none;padding-left:10px;padding-right:10px;line-height:28px;padding-top:3px; }
.textfield2 { width:148px;height:28px;color:#666;font-size:15px;background:url(../images/textfield2.png) no-repeat;border:none;padding-left:10px;padding-right:10px;line-height:28px;padding-top:3px;float:right; }
.textfield3 { width:148px;height:28px;color:#666;font-size:15px;background:url(../images/textfield2.png) no-repeat;border:none;padding-left:10px;padding-right:10px;line-height:28px;padding-top:3px; }
.butlogin { width:116px;height:28px;background:url(../images/button_login.png) no-repeat;border:none;cursor:pointer; }
.butsend { width:80px;height:31px;background:url(../images/button_send.png) no-repeat;border:none;cursor:pointer; }
.butregister { width:116px;height:28px;background:url(../images/button_register.png) no-repeat;border:none;cursor:pointer; }

#justcreated {width:905px; float:left; background:url(../images/bg_justcreated.jpg) top no-repeat; padding:10px 19px 0px 19px; }
#shelf { width:902px;background:url(../images/shelf.png) repeat-x bottom;margin-top:15px;text-align:center; }
#shelf2 { width:580px;background:url(../images/shelf.png) repeat-x bottom;margin-top:15px;margin-bottom:40px;text-align:center; }

.child {
	display: inline-block;
	text-align: normal;
	margin-left: 14px;
	margin-right: 14px;
}
.child {
	*display: inline;
	*margin: 0 20px 0 20px;
	*margin-left: 14px;
	*margin-right: 14px;
}

.pageflipexample { display:block;float:left;width:121px;height:171px;margin-left:49px; }
#justcreated h3 {margin-bottom:0;}

#boxcontainer { width:591px; }
#boxcontainer #top { width:591px;height:12px;float:left;background:url(../images/roundedtop.png) no-repeat; }
#boxcontainer #content { width:567px;float:left;background:url(../images/rounded_liquid.png) repeat-y;padding-left:12px;padding-right:12px; }
#boxcontainer #content #text { width:334px;float:left;margin-left:12px; }
#boxcontainer #content #links { width:125px;float:left;margin-left:12px; }
#boxcontainer #bottom { width:591px;height:12px;float:left;background:url(../images/roundedbottom.png) top no-repeat;padding-bottom:15px; }
#boxcontainer #content #links ul { padding:0;margin:0; }
#boxcontainer #content #links ul li { list-style:none;height:25px;padding-left:25px;line-height:15px;font-size:11px; }
#boxcontainer #content #links ul li a { color:#CCFF00; }
#boxcontainer #content #links ul li a:hover { color:#EB2489; }
#boxcontainer #content #links ul li.addeditlinks { background:url(../images/icon_addedit.png) top left no-repeat; }
#boxcontainer #content #links ul li.viewpageflip { background:url(../images/icon_viewpageflip.png) top left no-repeat; }
#boxcontainer #content #links ul li.editpageflip { background:url(../images/icon_editpageflip.png) top left no-repeat; }
#boxcontainer #content #links ul li.purchasepageflip { background:url(../images/icon_purchasepageflip.png) top left no-repeat; }
#boxcontainer #content #links ul li.deletepageflip { background:url(../images/icon_deletepageflip.png) top left no-repeat; }
#boxcontainer #content #links ul li.downloadpageflip { background:url(../images/icon_downloadpageflip.png) top left no-repeat; }
#boxcontainer #content #links ul li.downloadpageflipoff { background:url(../images/icon_downloadpageflipoff.png) top left no-repeat; }
#boxcontainer #content #links ul li.downloadpageflipoff a { color:#666666;text-decoration:none; }
.inprogress { width:84px;height:119px;background:#333333;float:left;margin-right:10px; }

#footer {width:905px; margin-left:19px; clear:both; float:left;padding:10px 0; color:#ba7399;}
#footer .footer-left { width:410px; float:left;}
#footer .footer-left p { width:410px; color:#ba7399; font-size:11px; }
#footer .footer-left ul { width:410px; float:left; margin:0 0 2px 0 ; font-style:italic; list-style:none;}
#footer .footer-left ul li { display:block; float:left; border-left: 1px solid #612945; padding:0 7px;}
#footer .footer-left ul li a {text-decoration:none; color:#ccff00; text-transform:uppercase; font-size:9px;} 
#footer .footer-left ul li a:hover {color:#fff;}


#footer .footer-right {width:200px;  float:right;}
#footer .footer-right ul { list-style:none;}
#footer .footer-right ul li {display:block; float:left;padding:15px;}


.uploadifyQueueItem {
	border: 1px dashed #232629;
	background-color: #111111;
	margin-top: 5px;
	padding: 10px;
	width: 260px;
}
.uploadifyError {
	border: 1px dashed #232629 !important;
	background-color: #111111 !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #111111;
	border: 1px dashed #232629;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #CCFF00;
	width: 1px;
	height: 3px;
}
#fileQueue {
	width: 260px;
	height: 300px;
	overflow: auto;
	border: 1px dashed #232629;
	margin-bottom: 10px;
}




#content_table{
    width:905px;
	height:670px;
	overflow:hidden;
}
#content_table * {
	margin:0;
	padding:0;
}
#table_header {
	float:right;
	height:59px;
	width:660px;
	overflow:auto;
}
#table_header .left {
	float:left;
	width:659px;
	height:59px;
	background:url(../images/bg_header.jpg) repeat-x;
}
#table_header span {
	width:110px;
	float:left;
	text-align:center;
}
#table_header span.top {
	margin-top:11px;
}
#table_header span p {
	margin:5px 0 0 0;
	color:#fff;
	font-size:11px;
	font-family: arial;
	font-weight:bold;
}
#table_header span.last {
	width:104px;
	margin-right: -3px;
}
#table_body {
	width:905px;
	float:right;
	margin-top:1px;
	overflow:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#table_body .row {
	width:905px;
	height:40px;
}
#table_body .grey {
	background-color:#404040;
}
#table_body .dark_grey {
	background-color:#333;
}
#table_body .row span {
	width:109px;
	height:40px;
	float:left;
	text-align:center;
}
#table_body .row span img.border {
	float:left;
	border:none;
}
#table_body .row span.first {
	width:245px;
	height:40px;
	border:none !important;
}
#table_body .row span.first p {
	text-align:right;
	margin-right:15px;
}
#table_body .row span p {
	color:#fff;
	height:40px;
	line-height:40px;
	font-size:12px;
	text-align:center;
}
#table_body .row p.large {
	font-size:21px;	
}
#table_body .row p.large sup {
	font-size:14px;
}
#table_body .row span img.no {
	margin-top:5px;
}
#table_body .row span img.yes {
	margin-top:3px;
}
#table_footer {
	float:right;
	width:660px;
	height:59px;
	overflow:auto;
}
#table_footer .left {
	width:8px;
	height:59px;
	background:url(../images/corner_left.png) no-repeat;
	float:left;
}
#table_footer .right {
	width:8px;
	height:59px;
	background:url(../images/corner_right.png) no-repeat;
	float:left;
}
#table_footer .center {
	width:644px;
	height:59px;
	background-color:#202020;
	float:left;
	text-align:center;
}

#table_footer .freearrowlink {
	width:107px;
	height:36px;
	margin:12px;
}
#table_footer .freearrowlink a:link,
#table_footer .freearrowlink a:visited {
	text-decoration:none;
	display:block;
	outline:none;
}

#table_footer .button {
	width:128px;
	height:35px;
	margin:12px;
	background:url(../images/button.png) no-repeat;
	text-align:center;
}
#table_footer .button a:link,
#table_footer .button a:visited {
	text-decoration:none;
	line-height:35px;
	color:#fff;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	outline:none;
}
#table_header2 {
	float:right;
	width:660px;
	height:59px;
	overflow:auto;
}
#table_header2 .left {
	width:8px;
	height:59px;
	background:url(../images/corner_left2.png) no-repeat;
	float:left;
}
#table_header2 .right {
	width:8px;
	height:59px;
	background:url(../images/corner_right2.png) no-repeat;
	float:left;
}
#table_header2 .center {
	width:644px;
	height:59px;
	background-color:#202020;
	float:left;
	text-align:center;
}
#table_header2 .button {
	width:128px;
	height:35px;
	margin:12px auto;
	background:url(../images/button.png) no-repeat;
	text-align:center;
}
#table_header2 .button a:link,
#table_header2 .button a:visited {
	text-decoration:none;
	line-height:35px;
	color:#fff;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	outline:none;
}

#red {
width:590px;
background-color:#3e0000;
margin-bottom:10px;
}
#bronze {
width:590px;
background-color:#644407;
margin-bottom:10px;
}
#silver {
width:590px;
background-color:#666666;
margin-bottom:10px;
}
#gold {
width:590px;
background-color:#B48F24;
margin-bottom:10px;
}
#platinum {
width:590px;
background-color:#3E3E3E;
margin-bottom:10px;
}
.top_left {
background: url(../images/left_red.jpg) no-repeat top left;
}
.bottom_right {
background: url(../images/right_red.jpg) no-repeat bottom right;
}
.bronze_top_left {
background: url(../images/left_bronze.jpg) no-repeat top left;
}
.bronze_bottom_right {
background: url(../images/right_bronze.jpg) no-repeat bottom right;
}
.silver_top_left {
background: url(../images/left_silver.jpg) no-repeat top left;
}
.silver_bottom_right {
background: url(../images/right_silver.jpg) no-repeat bottom right;
}
.gold_top_left {
background: url(../images/left_gold.jpg) no-repeat top left;
}
.gold_bottom_right {
background: url(../images/right_gold.jpg) no-repeat bottom right;
}
.platinum_top_left {
background: url(../images/left_platinum.jpg) no-repeat top left;
}
.platinum_bottom_right {
background: url(../images/right_platinum.jpg) no-repeat bottom right;
}

.inside_red {
height:34px;
width:582px;
margin-left:4px;
border-top:1px solid #cc0000;
border-bottom:1px solid #cc0000;
}
.inside_bronze {
height:34px;
width:582px;
margin-left:4px;
border-top:1px solid #CB9800;
border-bottom:1px solid #CB9800;
}
.inside_silver {
height:34px;
width:582px;
margin-left:4px;
border-top:1px solid #CBCBCB;
border-bottom:1px solid #CBCBCB;
}
.inside_gold {
height:34px;
width:582px;
margin-left:4px;
border-top:1px solid #FEFE00;
border-bottom:1px solid #FEFE00;
}
.inside_platinum {
height:34px;
width:582px;
margin-left:4px;
border-top:1px solid #989898;
border-bottom:1px solid #989898;
}
.inside_red img,
.inside_bronze img,
.inside_silver img,
.inside_gold img,
.inside_platinum img{
float:left;
margin:9px 9px 0 13px;
}
.inside_red p,
.inside_bronze p,
.inside_silver p,
.inside_gold p,
.inside_platinum p{
font-family:tahoma;
font-size:11px;
color:#fff;
margin-top:8px;
text-align:left;
}
.inside_red p a,
.inside_bronze p a,
.inside_silver p a,
.inside_gold p a,
.inside_platinum p a{
font-family:tahoma;
font-size:11px;
color:#fff;
margin-top:8px;
text-align:left;
}
#helpdesk{
position:fixed;
width:254px;
height:171px;
background: url(../images/helpdesk.png) no-repeat top left;
bottom:2px;
right:2px;
padding: 0px 0px 0px 20px;
right: 0px; bottom: 15px;
}

.features-container { width:590px;clear:both; }
.features-title { height:33px;width:541px;float:left;margin-left:15px;padding-top:5px; }
.features-text { width:590px;float:left;margin-top:15px;padding-bottom:25px; }
.features-title2-1 { height:33px;width:261px;float:left;margin-left:15px;padding-top:5px; }
.features-title2-2 { height:33px;width:231px;float:left;margin-left:15px;padding-top:5px; }
.features-text2-1 { width:280px;float:left;margin-top:15px;padding-bottom:25px;padding-right:15px;padding-top:5px; }
.features-text2-2 { width:280px;float:left;margin-top:15px;padding-bottom:25px;padding-left:15px;padding-top:5px; }

.icon_featherlight { height:33px;width:34px;background:url(../images/icon_featherlight.png) no-repeat;float:left; }
.icon_outofthebox { height:33px;width:34px;background:url(../images/icon_outofthebox.png) no-repeat;float:left; }
.icon_resize { height:33px;width:34px;background:url(../images/icon_resize.png) no-repeat;float:left; }
.icon_links { height:33px;width:34px;background:url(../images/icon_links.png) no-repeat;float:left; }
.icon_colors { height:33px;width:34px;background:url(../images/icon_colors.png) no-repeat;float:left; }
.icon_search { height:33px;width:34px;background:url(../images/icon_search.png) no-repeat;float:left; }
.icon_seo { height:33px;width:34px;background:url(../images/icon_seo.png) no-repeat;float:left; }
.icon_print { height:33px;width:34px;background:url(../images/icon_print.png) no-repeat;float:left; }
.icon_download { height:33px;width:34px;background:url(../images/icon_download.png) no-repeat;float:left; }
.icon_edit { height:33px;width:34px;background:url(../images/icon_edit.png) no-repeat;float:left; }
.icon_zoom { height:33px;width:34px;background:url(../images/icon_zoom.png) no-repeat;float:left; }
.icon_index { height:33px;width:34px;background:url(../images/icon_index.png) no-repeat;float:left; }

#preview{ position:absolute;border:1px solid #222222;background:#000000;padding:5px;padding-bottom:0px;display:none;color:#ffffff;}