/* ------- CSS RESET -------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* --------------------------- */

/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
/* IE6 */
*:first-child + html .clearfix { zoom: 1; }
/* IE7 */

body { font-family: "Lucida Sans Unicode" , "Lucida Grande" , Arial, Helvetica, Sans-Serif; font-size: 12px; color: #333; }
img { border-style: none; }
.leftAlign { text-align: left; }
.centerAlign { text-align: center; }
input[type=text], input[type=password] { border: solid 1px #a7a7a7; font-size: 13px; padding: 4px; }
input[type=submit], input[type=button] { background: #F5F5F5 url('/assets/images/button_background.gif') repeat-x scroll 0 0; padding: 4px 10px; border: 2px solid #dddddd; font-size: 11px; }
.textboxBackground { display: block; background-color: #E9E9E9; padding: 4px; }
.validation { color: #ce3d20; font-size: 11px; padding: 2px; display: inline; }
a, a:visited { color: #ce3d20; }
.invisible { display: none; }

#container { width: 960px; height: 100%; margin: 0 auto; }
#bodyspace { width: 100%; position: relative; }
#header { width: 100%; height: 110px; position:relative;}
#footer { width: 100%; height: 40px; }

#loginborder { width: 446px; margin: 0 auto; border: solid 1px #a7a7a7; }
#login { width: 390px; margin: 0 auto; border: 8px solid #F3F3F3 !important; padding: 17px 20px 20px; line-height: 1.5; }
#login .title { width: 100%; font-size: 14px; font-weight: bold; border-bottom: solid 1px #a7a7a7; padding-bottom: 5px; margin-bottom: 10px; }
#login label { text-align: left; display: block; padding-top: 8px; padding-bottom: 2px; }
#login .email { width: 350px; }
#login .password { width: 270px; }
#login .email input { width: 340px; }
#login .password input { width: 260px; }
#login a { padding-left: 20px; }
.loginMessage { padding: 3px 0; color: #ce3d20; margin: 0 auto; line-height: 1.2; }


noscript { width: 388px; margin: 0 auto; color: #ce3d20; line-height: 1.5; display: block; padding-top: 20px; }
#requirements { width: 417px; margin: 0 auto; color: #a7a7a7; line-height: 1.5; padding-left: 29px; }
#requirements div.title { color: #686868; margin: 20px 0 10px; }

#resetborder { width: 415px; margin: 20px auto; border: solid 1px #a7a7a7; }
#reset { width: 359px; margin: 0 auto; border: 8px solid #F3F3F3 !important; padding: 17px 20px 20px; line-height: 1.5; }
#reset label { text-align: left; display: block; padding-bottom: 2px; }
#reset .email { width: 350px; }
#reset .email input { width: 340px; }
#reset a { padding-left: 20px; }
#reset .validationAsterisk { display: inline; }

#result { margin: 0 auto; text-align: center; }

.getting-started { line-height: 1.5; margin: 0 auto; text-align: center; width: 630px; }


a.topButton { height: 18px; border-right: solid 10px White; color: white; background-color: #ce3d20; float: right; text-align: center; font-size: 11px; padding-top: 4px; text-decoration: none; }

.myCompaniesGrid { width: 100%; font-size: 11px; color: #666666; margin-bottom: 30px; }
.myCompaniesGrid tr { line-height: 2; border-bottom: dotted 1px #cdcdcd; }
.codeCell { width: 20px; }
.periodCell { width: 280px; }
.periodCellHighlight { border: solid 3px White; background-color: #ededed; text-align: center; }
.asterisk { font-size: 10px; position: relative; top: -25px; }


#list { float: left; width: 635px; }
#list .title { height: 30px; font-weight: bold; padding-left: 10px; }

ul#list-header li { color: #999; padding: 10px 0; height: 15px; border-top: dotted 1px #ccc; float: left; }
ul#list-header { width: 635px; height: 35px; }

#list .email { width: 205px; padding-left: 10px; }
#list .role { width: 110px; text-align: center; }
#list .accesslevel { width: 110px; text-align: center; }
#list .logins { width: 70px; text-align: center; }
#list .edit { width: 70px; text-align: center; }
#list .delete { width: 60px; text-align: center; }


ul#userlist { width: 635px; }
ul#userlist li { padding: 10px 0; height: 15px; border-top: dotted 1px #ccc; cursor: pointer; }
ul#userlist li:hover { background-color: #ededed; }
ul#userlist li div { float: left; }
ul#userlist li.highlight { background-color: #ededed; }



#details label { display: block; margin: 10px 0 0 0; }
#details input[type=text] { width: 250px; border-color: #ce3d20; height: 16px; margin: 3px 0 0 0; }
#details li a.link { margin: 3px 0 0 0; height: 24px; }
#details select { width: 260px; margin: 5px 0 10px 0; border: 1px solid #CE3D20; }
#details input.short { width: 250px; }
#details ul li { vertical-align: middle; display: block; }
#details ul { margin-bottom: 20px; }

.sidebox { float: right; width: 260px; border: solid 5px #ce3d20; padding: 15px; background-color: #FFE7DF; color: #666; line-height: 15px; }
.modal { -moz-border-radius: 6px 6px 6px 6px; -moz-box-shadow: 0 0 50px #222222; background-color: #FFFFFF; border: 2px solid #222222; display: none; opacity: 1; padding: 15px; text-align: left; width: 350px; }
.right { float: right; }

#feedback { background-color: #FFE7DF; border: 2px solid #CE3D20; margin: 10px 0; min-height: 15px; padding: 5px; position: relative; }
#progress { height: 15px; padding: 5px; border: solid 2px #ce3d20; margin: 10px 0; }
#error { line-height: 1.3; padding: 5px; border: solid 2px #ce3d20; margin: 10px 0; position: relative; }
img.close { position: absolute; top: 6px; right: 6px; }

.user-import-results { display: block; width: 100%; line-height: 1.5; padding: 5px; border: solid 2px green; margin: 10px 0; background-color: #F4FDF2; }

p { margin: 10px 0; }

.login-brand { font-size: 16px; margin-bottom: 38px; margin-top: -35px; text-align: center; }

.branding { position: absolute; left: 0px; top: -80px; }
.entity-panel { padding-top: 20px; }
.login-logo { margin-top: 36px; margin-left: auto;margin-right:auto; display:block; }
/*.main-logo {  margin-left: -25px; margin-top: 57px; position: absolute; }*/
.main-logo { margin-right: -25px; position: absolute; right: 0; top: 57px; }
/*#titleimage { margin-left: -25px; margin-top: 57px; position: absolute; } */

.logins-title h1 { font-size:14px; padding-bottom:10px;}
#logins { border: 1px solid #ddd; }
#logins li { margin: 0 5px; padding: 10px 0; border-bottom: dotted 1px #ddd; line-height: 15px; }
#logins li.header-row { padding: 5px; margin: 0; background-color: #f7f7f7; }
#logins li div { float: left; }
#logins .name-column { width: 400px; padding: 0 5px; }
#logins .delete-column { width: 150px; }