/* CSS Document */
/* PADC CreativeHUB - Member Portal */

body { margin: 0 0 20px 0; padding: 0; background: #d0d0d0 url(images/portal/pagebg.jpg) repeat-x top; font-size: 71%; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #999999; }

form { margin: 0; padding: 0; }

#sitecontainer { margin: 0 auto; width: 980px; padding-bottom: 60px;}

#maincontainer { display: block; padding: 0; }
#maincontainer .logo { display: block; float: left; width: 279px; height: 102px; margin-left: 13px; }
#maincontainer .loggedinas { display: block; float: right; width: 281px; height: 23px; background-image: url(images/portal/loggedin-bg.gif); background-repeat: no-repeat; margin-right: 28px; padding: 30px 0 0 0; text-align: center; margin-top: 24px; color: #eca3cd; }

#mainnavigation { display: block; width: 995px; height: 39px; }
#mainnavigation .nav { display: block; float: left; }

#backto { margin-right: 73px; }
#subscriber { margin-right: 66px; }
#editprofile { margin-right: 62px; }
#managework { margin-right: 65px; }
#renewal { margin-right: 69px; }
#contact { margin-right: 58px; }

.profilename { display: block; float: left; margin: 0 0 0 97px; }
.profilename h1 { margin: 18px 0 0 0; color: #FFFFFF; font-weight: normal; font-size: 200%; }
.profiledetails { display: block; float: right; text-align: right; padding: 15px 86px 0 0; margin: 0; font-size: 90%; line-height: 120%; }
.profiledetails a:link, .profiledetails a:visited { color: #FFFFFF; text-decoration: none; }
.profiledetails a:hover, .profiledetails a:active { color: #FFFFFF; text-decoration: underline; }

#producedby { margin: 10px 26px 15px 0; height: 21px;}

#upload { width: 703px; margin: 0 auto; clear: both;}
#uploadiFrame { width: 703px; height: 500px; }

/* Edit Work Page */

#copycontainer { display: block; clear: both; width: 954px; padding: 6px 13px 6px 13px; background: #ffffff url(images/portal/copycontainer-bg.gif) no-repeat top left; }
.copyouterborder { margin: 0 6px 0 6px; border: 1px solid #cccccc; padding: 2px; }
.copyinnerborder { border: 1px solid #e5e5e5; padding: 17px 0 19px 10px; width: 924px;  }

#shelftitle { height: 67px; text-align: center; position: relative; }
#shelftitle h1 { margin: 0; color: #009bd5; font-weight: normal; font-size: 260%; font-family: Georgia, "Times New Roman", Times, serif; }
#shelftitle #backto { position: absolute; top: 0; left:0; }

#shelf { background-image: url(images/portal/shelf-bg.jpg); background-repeat:no-repeat; height: 200px; width: 700px; padding: 0 106px 0 106px; }
#shelf .work { width: 114px; height: 203px; float: left; padding: 24px 13px 0 13px; text-align: center; }
#shelf .approved { background-image: url(images/portal/shelf-approved-bg.gif); background-repeat:no-repeat; background-position: top; }
#shelf .draft { background-image: url(images/portal/shelf-draft-bg.gif); background-repeat:no-repeat; background-position: top; }
#shelf .pending { background-image: url(images/portal/shelf-pending-bg.gif); background-repeat:no-repeat; background-position: top; }
#shelf .work .thumb { margin: 0 auto; }
#shelf .work .title { height: 32px; margin-top: 35px; margin-bottom: 18px; color: #000000; }
#shelf .work .buttons img,#shelf .work .buttons input { cursor:pointer;float: left; margin-right: 0px; display: inline; }

#shelf .work .pendingnotice { padding-top: 6px;}

#noticebox { clear: both; width: 701px; margin: 0 auto; color: #8d8d8d; text-align: center; }

#draftmessage { display: block; }
#draftbox { clear: both; width: 649px; margin: 0 auto; background: #f0f0f0 url(images/portal/draftbox-bg.gif) no-repeat top right; border: 1px solid #d6d6d6; padding: 16px 26px 10px 26px; color: #8d8d8d; text-align: center; }
#draftbox a { color: #009bd5; text-decoration: none;}
#draftbox select { margin: 6px auto; width: 200px; }
#draftexplain { display: none; clear: both; width: 649px; margin: 0 auto; padding: 16px 26px 10px 26px; color: #ababab; text-align: center; line-height: 17px; }
#draftexplain img { padding-bottom: 5px;}

#edit { clear: both; width: 701px; margin: 0 auto; background: #e6e6e6 url(images/portal/edit-bg.jpg) repeat-x top; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding: 0 0 5px 0; color: #8d8d8d; position: relative; }
#edit .editonecol { width: 649px; padding: 0 26px; text-align: center; }
#edit .editcol1 { width: 300px; padding-right: 25px; padding-left: 25px; float: left; }
#edit .editcol2 { width: 300px; padding-left: 25px; float: left; position: relative; }
#edit .title { padding-bottom: 15px; display: block; }
#edit input.text { width: 294px; display: block; margin: 5px 0 10px 0; }
#edit textarea { width: 294px; height: 70px; display: block; margin: 5px 0 10px 0; }
#edit .arrow { position: absolute; top: 0; left: 63px; height: 8px; width: 17px; background-image: url(images/portal/edit-arrow.gif); background-repeat:no-repeat;}
#edit .hint { margin: 6px 0; }
.hiddenbuttons { opacity: .5; filter: alpha(opacity=50);}
#edit #noformcontrols {display: none;}
.spec { position:absolute; top: 0; right: 0;}

a.editexist { display: block; border: 1px solid #c2c2c2; padding: 0 0 0 35px; background-position: left middle; background-color: #e6e6e6; background-image:url(images/portal/edit-existing.gif); background-repeat:no-repeat; font-size: 10px; text-decoration: none; margin: 6px 0; color: #008cc1; height: 17px; line-height: 17px;}

.upload_complete .complete { background-repeat: no-repeat; background-image: url(images/portal/upload-complete.gif); background-position: left center; height: 24px; line-height: 24px; padding-left: 34px; color: #009bd5; font-weight: bold; margin: 0 0 20px 0;}


#edit .first { padding-top: 16px;}
#edit .row { width: 701px; background-image: url(images/portal/edit-row-bottom.gif); background-repeat: repeat-x; background-position: bottom; margin-bottom: 10px; padding-bottom: 5px; }
#edit .rownotice { width: 649px; background-color: #dddcdd; color: #4b4b4b; background-image: url(images/portal/edit-row-bottom.gif); background-repeat: repeat-x; background-position: bottom; margin-bottom: 10px; padding: 16px 26px; border-top: 1px solid #d6d6d6; text-align: center; }
#edit .upto5mb { width: 292px; height: 17px; background: #FFFFFF url(images/portal/edit-upto5mb.gif) no-repeat top left; padding: 4px 0 0 6px; margin: 6px 0; }

#edit #a1 { left: 60px; }
#edit #a2 { left: 200px; }
#edit #a3 { left: 340px; }
#edit #a4 { left: 480px; }
#edit #a5 { left: 620px; }

#edit #counter { margin: 5px 0; color: #aaaaaa; }

#selection { width: 440px; margin: 0 auto; height: 58px; padding-top: 12px; padding-bottom: 12px; font-weight: bold; }
.selecttype { display: block; float: left; padding: 0 12px; }
.selecttype img { margin-bottom: 3px;cursor:pointer; }

/* Manage Work Page */
#managework { text-align: center; }
#managework a { color: #009bd5; text-decoration: none; }
#managework h1 { color: #009bd5; font-weight: normal; font-size: 260%; font-family: Georgia, "Times New Roman", Times, serif; margin: 20px 0 3px 0; letter-spacing: 2px; }
#managework h2 { color: #666666; font-weight: normal; font-size: 260%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 25px 0; letter-spacing: 2px; }

.foliolists { margin: 0 63px 60px 90px; background-image: url(images/portal/folio-bg.jpg); background-position: top left; width: 762px;}

#foliocontainer { display: block; width: 762px; }

.folioitem { display: block; float: left; width: 229px; height: 169px; background: #e5e5e5 url(images/portal/folioitem-bg.jpg) no-repeat top left; color: #666666; margin-right: 9px; margin-bottom: 9px; padding: 8px; }
.folioitem .shelf { width: 229px; height: 90px; position: relative; }
.folioitem .shelf .shelf1 { position: absolute; top: 25px; left: 37px; z-index: 10; border-right: 1px solid #2f2f2f;}
.folioitem .shelf .shelf2 { position: absolute; top: 23px; left: 52px; z-index: 9; border-right: 1px solid #2f2f2f;}
.folioitem .shelf .shelf3 { position: absolute; top: 21px; left: 67px; z-index: 8; border-right: 1px solid #2f2f2f;}
.folioitem .shelf .shelf4 { position: absolute; top: 19px; left: 82px; z-index: 7; border-right: 1px solid #2f2f2f;}
.folioitem .shelf .shelf5 { position: absolute; top: 17px; left: 97px; z-index: 6; border-right: 1px solid #2f2f2f;}
.folioitem .folioinfo { display: block; margin-top: 10px; width: 229px; text-align: center; }

.title { color: #000000; font-weight: bold; }
.total { color: #009bd5; font-weight: bold; }
.folioinfo a img { margin-top: 6px; }

#uploadspecs { margin: 0 auto; width: 760px; background-color: #f0f0f0; border: 1px solid #d9d9d9; padding: 24px 0; text-align: center;}
#uploadspecs a { color: #009bd5; text-decoration: none; }
#uploadspecs #uploaddetail { display: none; background-image: url(images/portal/uploadspecs-bg.gif); background-repeat:no-repeat; width: 760px; height: 87px; margin: 20px 0 0 0; }
#uploadspecs #uploaddetail .item { width: 253px; float: left; height: 87px; }
#uploadspecs #uploaddetail .item img { margin-bottom: 10px; }

/* Portal Login page */
#portallogin { padding: 57px 34px 0 20px; }
#portalfirsttime { padding: 57px 34px 0 20px; }

.lefttitcket { display: block; float: left; width: 481px; }
.rightlogin { display: block; float: left; }

.rightlogin h1 { color: #000000; font-weight: normal; font-size: 260%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 30px 0; }
.grey { color: #7d7d7d; }

.rightlogin form.login { width: 372px; margin: 0; padding-bottom: 23px; border-bottom: 1px solid #d0d0cf; }

.rightlogin input.text { width: 178px; margin: 6px 0; }
.rightlogin input.submit { width: 121px; height: 26px; }
.rightlogin td.left { width: 178px; padding-right: 16px; }
.rightlogin td.right { width: 178px; }

.inputlabel { font-weight: bold; color: #009bd5; }

.rightlogin h3 { color: #000000; font-weight: normal; font-size: 180%; font-family: Georgia, "Times New Roman", Times, serif; margin: 20px 0 7px 0; }

.rightlogin a:link, .rightlogin a:visited { font-weight: bold; color: #999999; text-decoration: none; }
.rightlogin a:hover, .rightlogin a:active { font-weight: bold; color: #999999; text-decoration: underline; }

#retrieve { width: 370px; display: none; }

/* Manage your Profile */
#manageprofile { width: 924px; padding: 0; }
#manageprofile h1 { color: #009bd5; font-weight: normal; font-size: 260%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 30px 0; }

#manageprofile .profilecol1 { display: block; float: left; width: 401px; padding: 0 28px 0 34px; background: #FFFFFF url(images/portal/editprofile-leftcolbg.gif) repeat-y right; }
#manageprofile .profilecol2 { display: block; float: left; width: 401px; padding-left: 22px; }

#manageprofile form { margin: 0; padding: 0; }
#manageprofile input.text { width: 100%; margin: 4px 0 10px 0; }
#manageprofile input.short { width: 190px; margin: 4px 0 10px 0; }
#manageprofile textarea.text { width: 100%; height: 200px; margin: 4px 0 10px 0; }
#manageprofile input.submit { width: 127px; height: 28px; margin: 0 4px 0 0; }
#manageprofile input.reset { width: 127px; height: 28px; margin: 0; }

.notice { display: block; background: #FFFFFF url(images/notice-bg.gif) no-repeat top left; padding-left: 55px; padding-bottom: 23px; font-weight: normal; margin: 5px 0 15px 0; }

#manageprofile table { width: 100%; }
#manageprofile td.left { width: 192px; padding-right: 16px; }
#manageprofile td.right { width: 192px; }

#manageprofile .submitcancel { margin-left: 31px; }

.hubEditBtn{float:left;cursor:pointer;}

/* Billing */

.pagetitle { height: 69px; }

.pageheader { height: 45px; }
.ticket { height: 155px; }

h2.bignumber { margin: 0; font-size: 36px; font-family:"Times New Roman", Times, serif; font-weight:normal;}
td.days { width: 130px; height: 55px; background-image:url(images/portal/subscription-days.gif); background-repeat:no-repeat; background-position: bottom left; }
td.date { width: 271px; height: 55px; background-image:url(images/portal/subscription-date.gif); background-repeat:no-repeat; background-position: bottom left; }

#trial h2.bignumber { color: #acc567; }
#normal h2.bignumber { color: #d01882; }

#progress { margin: 10px 0 40px 0; padding: 2px; height: 18px; background-image: url(images/portal/subscription-progress-bg.jpg); background-repeat:no-repeat; }
#trial #progress #bar { background-color: #bbd670; height: 14px; font-size: 1px; }
#normal #progress #bar { background-color: #d01882; height: 14px; font-size: 1px; }

.message { margin: 0 0 20px 0;}
.history { margin-bottom: 40px; }
.history th { padding: 0 3px 10px 0; border-bottom: 1px solid #cccccc; }
.history td { padding: 8px 3px 8px 0; border-bottom: 1px solid #e5e5e5; }
.history th.date { width:  108px; text-align: left;}
.history th.type { width:  219px; text-align: left; }
.history th.amount { text-align: right; }
.history td.amount { text-align: right; }

.billingdetails table { width: 100%; margin-bottom: 40px; }
.billingdetails th { text-align: left; font-weight: bold; padding: 0 0 4px 0; width: 130px;}
.billingdetails td { text-align: left; padding: 0 0 4px 0;}

#renew .notice { margin-bottom: 0px; padding-top: 5px; height: 20px;}

/* Once Logged Into your Profile */

.rightlogin img.logintitle { margin-bottom: 37px; }
.rightlogin .loggedin { display: block; width: 307px; height: 43px; padding: 16px 0 0 65px; border-top: 1px solid #d0d0cf; }
.rightlogin .logout { display: block; width: 372px; height: 43px; padding: 16px 0 0 0; border-top: 1px solid #d0d0cf; border-bottom: none; }

.rightlogin #editmyprofile { background: #FFFFFF url(images/portal/loggedin-editprofile.gif) no-repeat top left; }
.rightlogin #uploadwork { background: #FFFFFF url(images/portal/loggedin-uploadwork.gif) no-repeat top left; }
.rightlogin #firstuploadwork { background: #FFFFFF url(images/portal/loggedin-first-uploadwork.gif) no-repeat top left; }
.rightlogin #billing { background: #FFFFFF url(images/portal/loggedin-billing.gif) no-repeat top left; }
.rightlogin #changepassword { background: #FFFFFF url(images/portal/loggedin-changepass.gif) no-repeat top left; }

.loggedin a:link, .loggedin a:visited { font-weight: normal; text-decoration: none; }
.loggedin a:hover, .loggedin a:active { font-weight: normal; text-decoration: none; }

.generic table { width: 100%; margin-bottom: 40px; }
.generic th { text-align: left; font-weight: bold; padding: 0 0 4px 0;}
.generic td { text-align: left; padding: 0 0 4px 0;}

/* Contact Screen */

.contactblock { width: 400px; margin: 0 auto; padding: 20px 0; text-align: center; border-top: 1px solid #e5e5e5; }