/* Flipleaf CSS */

/* body attributes */
html {padding: 0; margin: 0; height: 100%;}
body {margin: 0; padding: 0; font: 100% verdana, arial, helvetica, sans-serif; color: #fff; background: #000 url(../images/bg_main.gif) repeat-x; height: 100%; }
.blankBody {background: #000}
img {border: 0; margin: 0; padding: 0;}
p {margin: 0; padding: 5px 0;}
fieldset {border: 1px solid #464646; margin: 0 0 10px 0;}
.fleft {float: left;}
.fright {float: right;}

/* hidden */
.hide {display: none;}

/* Page */
#pageholder {width: 900px; padding: 0; margin: 0 auto;}
#pageholderResize {padding: 0; margin: 0 auto;}

/* Top */
#top {width: 900px; height: 50px; margin: 0; padding: 0; text-align: right; font-size: 70%;}
#top a, #toplinks a:visited {color: #00B9A6; text-decoration: none;}
#top a:hover, #toplinks a:active {text-decoration: underline;}
#top img {float: left; margin: 4px 0 0 0;}
.login {float: right; padding: 20px 0 0 0;}

#topnav {width: 100%; height: 32px; margin: 0; padding: 0; text-align: right;}
#topnav ul{margin: 0; padding:0; float: right;}
#topnav li {list-style: none; display: inline; margin:0; padding:0;}
#topnavHide {display:none}

.nav a.Home {float: left; height:32px; width:71px; background: url(../images/nav_home.gif) no-repeat; margin:0; padding: 0;}
.nav a.Home:hover {background-position:0 -32px;}
.nav a.Reader {float: left; height:32px; width:83px; background: url(../images/nav_reader.gif) no-repeat; margin:0; padding: 0;}
.nav a.Reader:hover {background-position:0 -32px;}
.nav a.Publish {float: left; height:32px; width:99px; background: url(../images/nav_publish.gif) no-repeat; margin:0; padding: 0;}
.nav a.Publish:hover {background-position:0 -32px;}
.nav a.About {float: left; height:32px; width:71px; background: url(../images/nav_about.gif) no-repeat; margin:0; padding: 0;}
.nav a.About:hover {background-position:0 -32px;}

.nav a.Stats {float: left; height:32px; width:118px; background: url(../images/nav_stats.gif) no-repeat; margin:0; padding: 0;}
.nav a.Stats:hover {background-position:0 -32px;}
.nav a.Publications {float: left; height:32px; width:118px; background: url(../images/nav_publications.gif) no-repeat; margin:0; padding: 0;}
.nav a.Publications:hover {background-position:0 -32px;}
.nav a.MyDetails {float: left; height:32px; width:103px; background: url(../images/nav_details.gif) no-repeat; margin:0; padding: 0;}
.nav a.MyDetails:hover {background-position:0 -32px;}
.nav a.Credits {float: left; height:32px; width:87px; background: url(../images/nav_credits.gif) no-repeat; margin:0; padding: 0;}
.nav a.Credits:hover {background-position:0 -32px;}

.nav a.Publishers {float: left; height:32px; width:106px; background: url(../images/nav_publishers.gif) no-repeat; margin:0; padding: 0;}
.nav a.Publishers:hover {background-position:0 -32px;}
.nav a.Cationsb {float: left; height:32px; width:118px; background: url(../images/nav_cationsb.gif) no-repeat; margin:0; padding: 0;}
.nav a.Cationsb:hover {background-position:0 -32px;}
.nav a.Issues {float: left; height:32px; width:79px; background: url(../images/nav_issues.gif) no-repeat; margin:0; padding: 0;}
.nav a.Issues:hover {background-position:0 -32px;}
.nav a.Para {float: left; height:32px; width:68px; background: url(../images/nav_para.gif) no-repeat; margin:0; padding: 0;}
.nav a.Para:hover {background-position:0 -32px;}
.nav a.Text {float: left; height:32px; width:68px; background: url(../images/nav_text.gif) no-repeat; margin:0; padding: 0;}
.nav a.Text:hover {background-position:0 -32px;}
.nav a.Stats {float: left; height:32px; width:73px; background: url(../images/nav_stats.gif) no-repeat; margin:0; padding: 0;}
.nav a.Stats:hover {background-position:0 -32px;}


/* Content - Home Page - Pink */
#content {width: 700px; margin: 25px 100px; font-size: 70%; text-align: left;}
#content h1 {font-size: 150%; border-bottom: 1px solid #464646; padding: 0 0 2px 0; text-transform: uppercase; font-weight: normal;}
#content h2 {font-size: 120%; color: #ED2873; margin: 2px 0; padding: 0;}
#content .left {margin: 5px 5px 5px 0;}
#content .right {margin: 5px 0 5px 5px;}
#content a, a:link, a:visited {color: #ED2873; text-decoration: none;}
#content a:hover, a:active {text-decoration: underline;}
#content .button {height: 32px; border: 0; cursor: pointer; background: url(../images/btn_pink.gif) repeat-x; color: #fff; text-align: center; font-size: 80%; padding: 0 10px 11px 10px; margin: 2px;}
#content .button:disabled {height: 32px; border: 0; cursor: default; background: url(../images/btn_grey.gif); color: #ccc; text-align: center; font-size: 80%; padding: 0 10px 11px 10px; margin: 2px;}
#content legend {color: #ED2873; text-transform: uppercase; font-weight: bold;}

#content .info {color: #ED2873; font-weight: bold; margin: 20px;}

/* Content - Reader - Green */
#contentread {width: 700px; margin: 25px 100px; font-size: 70%; text-align: left;}
#contentread h1 {font-size: 150%; border-bottom: 1px solid #464646; padding: 0 0 2px 0; text-transform: uppercase; font-weight: normal;}
#contentread h2 {font-size: 120%; color: #AACF57; margin: 2px 0; padding: 0;}
#contentread a, a:link, a:visited {color: #AACF57; text-decoration: none;}
#contentread a:hover, a:active {text-decoration: underline;}
#contentread .button {height: 32px; border: 0; cursor: pointer; background: url(../images/btn_green.gif) repeat-x; color: #fff; text-align: center; font-size: 80%; padding: 0 10px 11px 10px; margin: 2px;}
#contentread .button:disabled {height: 32px; border: 0; cursor: default; background: url(../images/btn_grey.gif); color: #ccc; text-align: center; font-size: 80%; padding: 0 10px 11px 10px; margin: 2px;}
#contentread legend {color: #AACF57; text-transform: uppercase; font-weight: bold;}
#contentread .info {color: #AACF57; font-weight: bold; margin: 20px;}

/* Content - Publisher - Blue */
#contentpub {width: 700px; margin: 25px 100px; font-size: 70%; text-align: left;}
#contentpub h1 {font-size: 150%; border-bottom: 1px solid #464646; padding: 0 0 2px 0; text-transform: uppercase; font-weight: normal;}
#contentpub h2 {font-size: 120%; color: #00B9A6;}
#contentpub a, a:link, a:visited {color: #00B9A6; text-decoration: none;}
#contentpub a:hover, a:active {text-decoration: underline;}
#contentpub .button:disabled {height: 32px; border: 0; cursor: default; background: url(../images/btn_grey.gif); color: #ccc; text-align: center; font-size: 80%; padding: 0 10px 11px 10px; margin: 2px;}
#contentpub .button {height: 32px; border: 0; cursor: pointer; background: url(../images/btn_blue.gif) repeat-x; color: #fff; text-align: center; font-size: 80%; padding: 0 10px 11px 10px; margin: 2px;}
#contentpub legend {color: #00B9A6; text-transform: uppercase; font-weight: bold;}
#contentpub legend .important {color: #f00; text-transform: uppercase; font-weight: bold;}
#contentpub .info {color: #00B9A6; font-weight: bold; margin: 20px;}

/* Content - Administration - Blue (copy of publisher! for now */
#contentadmin {width: 700px; margin: 25px 100px; font-size: 70%; text-align: left;}
#contentadmin h1 {font-size: 150%; border-bottom: 1px solid #464646; padding: 0 0 2px 0; text-transform: uppercase; font-weight: normal;}
#contentadmin h2 {font-size: 120%; color: #00B9A6;}
#contentadmin a, a:link, a:visited {color: #00B9A6; text-decoration: none;}
#contentadmin a:hover, a:active {text-decoration: underline;}
#contentadmin .button:disabled {height: 32px; border: 0; cursor: default; background: url(../images/btn_grey.gif); color: #ccc; text-align: center; font-size: 80%; padding: 0 10px 11px 10px; margin: 2px;}
#contentadmin .button {height: 32px; border: 0; cursor: pointer; background: url(../images/btn_blue.gif) repeat-x; color: #fff; text-align: center; font-size: 80%; padding: 0 10px 11px 10px; margin: 2px;}
#contentadmin legend {color: #00B9A6; text-transform: uppercase; font-weight: bold;}

/* Content - About - Yellow */
#contentabout {width: 700px; margin: 25px 100px; font-size: 70%; text-align: left;}
#contentabout h1 {font-size: 150%; border-bottom: 1px solid #464646; padding: 0 0 2px 0; text-transform: uppercase; font-weight: normal;}
#contentabout h2 {font-size: 120%; color: #EDAE28; margin: 2px 0; padding: 0;}
#contentabout a, a:link, a:visited {color: #EDAE28; text-decoration: none;}
#contentabout a:hover, a:active {text-decoration: underline;}
#contentabout .button {height: 32px; border: 0; cursor: pointer; background: url(../images/btn_yellow.gif) repeat-x; color: #fff; text-align: center; font-size: 80%; padding: 0 10px 11px 10px; margin: 5px;}
#contentabout legend {color: #EDAE28; text-transform: uppercase; font-weight: bold;}
#contentabout .info {color: #EDAE28; font-weight: bold; margin: 20px;}

/* Issue */
.issue {border: 1px solid #464646; height: 100px; background: url(../images/bg_issue.gif) repeat-x; margin: 0 0 10px 0;}
.issue img {border-right: 1px solid #464646; margin: 0 10px 0 0;}

/* Footer */
#footer {width: 900px; height: 40px; margin: 0; padding: 0; clear:both;}

#footer .links {color: #fff; font-size: 70%; padding: 10px 0 0 0; text-align: right; float:right}
#footer a, #footer a:visited {color: #fff; text-decoration: none;}
#footer a:hover, #footer a:active {text-decoration: underline;}
#footer .admin a { color:Black; float:left}

/* Misc */
.datalist_item_style { background-color:#fff; padding:5px; }
.datalist_alternating_item_style { padding:5px;}

.dropdownlist {font-size:10px; font-family:Verdana; }
.fileupload {width:400px; color:#3F3F3F; font-size:9pt; height:20px; background-repeat:no-repeat; border:1px inset #fff;}

.detailsview {text-align:left; float:left;width:710px;height:315px; overflow:auto; border-style:none;}

.notpurchasedissuerow { background-color:#ED2873}


/* Login Screen and Forms */
#signup {width: 250px; height: 250px; background: #000 url(../images/signup.gif) no-repeat; float:left; margin: 0 0 0 80px; padding: 80px 0 0 0; text-align: left;}
#existing {width: 250px; height: 250px; background: #000 url(../images/existing.gif) no-repeat; float:right; margin: 0 80px 0 0; padding: 80px 0 0 0; text-align: left;}
#existingadmin {width: 250px; height: 250px; background: #000 url(../images/existing.gif) no-repeat;  margin: 0 0 0 120px; padding: 80px 0 0 0; text-align: left;}

* html #signup {width: 250px; height: 250px; background: #000 url(../images/signup.gif) no-repeat; float:left; margin: 0 0 0 40px; padding: 80px 0 0 0; text-align: left;}
* html #existing {width: 250px; height: 250px; background: #000 url(../images/existing.gif) no-repeat; float:right; margin: 0 40px 0 0; padding: 80px 0 0 0; text-align: left;}

#existing p {margin: 5px 30px 10px 30px;}
#existing a, #existing a:visited {color: #00B9A6; text-decoration: none;}
#existing a:hover, #existing a:active {text-decoration: underline;}

.input {font-size: 100%; background-color: #fff; text-decoration: none; border: 1px solid #464646; text-indent: 5px;}
.textarea {font: 100% verdana, arial, helvetica, sans-serif; background-color: #fff; text-decoration: none; border: 1px solid #464646; text-indent: 5px;}
.btn_signup {margin: 0; width: 105px; height: 41px; cursor: pointer; background: url(../images/signmeup.gif) no-repeat; border: 0;}
.btn_login {margin: 0; width: 105px; height: 41px; cursor: pointer; background: url(../images/logmein.gif) no-repeat; border: 0;}

form span.block {display: block; margin: 0 30px;}
form span.block label {width: 100px; display: block; float: left; clear: left; text-align: left; font-weight: bold; margin:0; padding: 5px 0;}

form span.block2 {display: block; margin: 0 30px;}
form span.block2 label {width: 130px; display: block; float: left; clear: left; text-align: left; font-weight: bold; margin:0; padding: 5px 10px;}

form span.block3 {display: block;}
form span.block3 label {width: 60px; display: block; float: left; clear: left; text-align: left; font-weight: bold; margin:0; padding: 5px 10px;}

.error {color: #f00; font-weight: bold;} /* Pink */
.blue {color: #00B9A6;}

/* Tables */
.tables {width: 100%; border: 1px solid #464646;}
.tables th {height: 30px; background: url(../images/tablehead.gif) repeat-x; text-transform: uppercase; padding: 2px 5px; border: 1px solid #464646;}
.tables tr {height: 25px; border: 1px solid #464646;}
.tables td {padding: 2px 5px; border: 1px solid #464646;}

div .FCErrorMsg {background: #000; color: #fff; border: 1px solid #464646;}
div .FCErrorMsg h4 {background: #000 url(../images/tablehead.gif) repeat-x; color: #fff; border-bottom: 1px solid #464646; text-transform: uppercase;}
div .FCErrorMsg p {background: #000; color: #fff;}

.IssueURL {text-align: center; font-weight: bold; font-size: 130%;}

/* NeatUpload ProgressBar */
.ProgressBar {margin: 0; border: 1px solid #464646; padding: 0; width: 100%; height: 2.5em;}


/* FlipBook Reader */
.flashControl { text-align: center }
.alternateContent { color:Black}