/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { 
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
    display: block;
} 
body { line-height: 1;}
ol, ul { list-style: none;}  
blockquote, q { quotes: none;}       
blockquote:before, blockquote:after,
q:before, q:after { content: '';content: none;}    
table { border-collapse: collapse;border-spacing: 0;}html{  height:100%; } 
body{ height:100%; background:#262626 url('/static/img/bg_tile.png'); font-family:arial;}


a{ color:#48aaf8; text-decoration:none; }
a:visited{ color:#48aaf8; }
a:hover{ color:#ff8a02; text-decoration:none; }
div.spacer{ clear:both; }


div#modeloverlay{ 
  background:url('/static/img/overlay.png'); 
  position:fixed; top:0px; left:0px; 
  width:100%; height:100%; 
  display:none; z-index:900; padding-top:60px;
}

div#header{ height:64px;  padding-top:5px; width:100%; min-width:705px;}
div#header img#logo{ margin-top:20px; margin-left:40px; position:relative; z-index:900; }
div#header div#useroptions{ float:right; margin-right:40px; margin-top:26px;}
div#header div#useroptions div#divider{ margin-left:10px; margin-right:10px; float:left;}
div#header div#useroptions div#login.signout{ width: 74px; height:14px; margin-top:2px; 
  background:url('/static/img/buttons/button_signout.png'); background-position:0px 15px; float:left;}
div#header div#useroptions div#login.signout:hover{ background-position:0px 32px; }

div#header div#useroptions div#login.signin{ width: 61px; height:14px; margin-top:2px; 
  background:url('/static/img/buttons/button_SignIn_Text.png'); background-position:0px 0px; float:left;}
div#header div#useroptions div#login.signin:hover{ background-position:0px 14px; }


div#header div#useroptions a div#mypanoramas{ 
    width: 92px; height:12px; 
    margin-top:4px; 
    background:url('/static/img/button_panoramas.png') 0px 0px; 
    float:left;
}
div#header div#useroptions div#mypanoramas:hover{ background-position:0px -12px; }
div#header div#useroptions a div#manageaccount{ 
    width: 136px; height:10px; 
    margin-top:4px; 
    background:url('/static/img/button_accountmanagement.png') 0px 0px; 
    float:left;
}
div#header div#useroptions div#manageaccount:hover{ background-position:0px -10px; }
div#header div#useroptions div#manageaccount.selected{ background-position:0px -20px; }
div#header div#useroptions div#mypanoramas.selected{ background-position:0px -22px; }


div#header div#verselogo {
    position: relative;
    top: 20px;
    left: 40px;
    z-index: 100;
    float: left;
}


div#wrapper{ padding-right:240px; position:relative;}
div#wrapper.narrow{ padding-right:40px; position:relative;}
div#content{ width:100%; border: solid 4px #48aaf8; border-left:none; 
border-top-right-radius:30px;
border-bottom-right-radius:30px; position:relative; color:#fff; background:#1a1a1a;
}


div#main{ min-width: 990px; }

div#contentcutout { float:left; width:318px; height:37px; position:absolute; top:-4px; left:0px; z-index:3; }
div#contentcutout div.rect { width:256px; background:#262626; height:100%;float:left;}
div#contentcutout div.curve { background:url('/static/img/header_logo_cutout.png'); width:59px; height:100%; float:left;}

div#usermessagearea{ float:right; color:#fff; font-size:13px; position:absolute; top:0px; right:268px; width:200px; text-align:center; padding:5px 10px;
                     border-radius:3px; border:solid 1px #48aaf8; border-top:none; background:#1a1a1a; display:none;}

div#innerpad{ padding-right:20px; }
div#inner{ padding-top:45px; width:100%; background:#1a1a1a;  overflow:auto; padding-bottom: 5px;} 



div#pano{ width:100%; height:100%; top:0px; left:0px; float:left; border-radius:15px; background:#000;}

div#sidebar{ width:170px; min-height:400px; border: solid 5px #333; border-radius:5px; position:absolute; top:0px; right:10px; background:#1a1a1a;
             padding:15px;
}

div#sidebar label{ text-transform:uppercase; color:#666666; font-size: 10px; line-height:14px;  }
div#sidebar div.fullname{ color:#48aaf8; font-size: 18px; margin-bottom:12px;}
div#sidebar div.accountinfo{ font-size:14px; color:#fff; margin-bottom:12px;}
div#sidebar div.accountinfo span.count{ color:#ff8a02; }
div#sidebar a{ font-size: 12px }
div#sidebar a:hover{ font-size: 12px; text-decoration:underline; }
div#sidebar img.avatar{ padding:2px; border:solid 1px #333; width:96px; height:96px}


ul#mypanoramalist{ padding-left:15px;}
ul#publicprofilelist{ padding-left:50px; padding-right:30px; }
ul#publicprofilelist div.date{ font-size:12px; line-height:16px; font-weight:normal; color:#ccc;  }
div.panoramarow{ min-height:155px; background:#2e2e2e; margin: 0px auto 20px auto; padding: 10px; }
ul#publicprofilelist div.panoramarow{ width:600px; border-radius:5px; }
ul#mypanoramalist div.panoramarow{ min-width: 760px; }

div.panoramarow div.thumbnails div.miniview{ display:none; background:#fff; width:200px; opacity:0.9; border-top:solid 1px #000;
                                             position:relative; top:-45px;padding-left:25px; overflow:hidden;}
div.panoramarow div.thumbnails div.miniview div.highlight{ width:450px; position:relative; height:50px; top:-70px;}

div.panoramarow div.thumbnails div.miniview div.highlight div{ float:left; height:50px;}
div.panoramarow div.thumbnails div.miniview div.highlight div.darken{ background:#000; opacity:0.8; width:200px; }
div.panoramarow div.thumbnails div.miniview div.highlight div.window{ width:50px; cursor:pointer;}
div.panoramarow div.thumbnails div.miniview div.images img{ height:50px; width:150px; position:relative; top:-15px; left:-125px; float:left;}
div.panoramarow div.thumbnails div.miniview div.images{ width:500px; }
div.panoramarow div.thumbnails{ width:200px; margin-right:11px; height:130px; background:#fff; overflow:hidden;}

div.panoramarow div.thumbnails div.miniview div.fixedheading{ width:48px; position:relative; height:22px; 
                                                              top:-50px; border:solid 1px #f00; cursor:pointer;}

ul#mypanoramalist div.panoramarow div.thumbnails{float:left;}
div.panoramarow div.thumbnails{ width:600px; }
div.panoramarow div.thumbnails div.main{ width:600px; height:150px; cursor:pointer; }

div.panoramarow div.comments{ background: #262626 url('/static/img/bg_tile.png') 10px 13px; padding: 0px 5px 0px 5px;}

div.panoramarow div.panoramainfo div.options label{ color:#fff; font-size:12px;  }
div.panoramarow div.panoramainfo div.share{ color:#fff; font-size:12px; margin-top:5px;  }
div.panoramarow div.panoramainfo div.share div.shared{ padding:4px 0px 5px 5px; }
div.panoramarow div.panoramainfo div.share span.copied{color:#CCC; display:none;}
div.panoramarow div.panoramainfo a.embed{ line-height:20px; }
div.panoramarow div.panoramainfo input.embed{ display:none; width:200px; border:solid 1px #000; }
div.panoramarow div.panoramainfo a.viewerlink{ line-height:20px; }
div.panoramarow div.panoramainfo input.viewerlink{ display:none; width:100px; border:solid 1px #000; }

div.panoramarow div.overlay-info{ background-color: rgba(0,0,0,.8); border-radius:5px; float:left; padding:5px; position:relative; top:2px; left:2px; z-index:10 }


div.panoramarow div.title{ font-size:14px; font-weight:bold; color:#fff; margin:10px 0px 15px 0px; }
div.panoramarow div.delete{ float:right; cursor:pointer;  background:url('/static/img/buttons/button_TrashCan.png') top; width: 20px; height:18px; margin-right:5px; position:relative;}
div.panoramarow div.delete:hover{ background-position: 0px -19px;}
div.panoramarow a.editlink{ font-size:12px; font-weight:normal; }
div.panoramarow div.description{ font-size:12px; line-height:15px; padding:5px 0px;}
div.panoramarow div.description span{ color:#ccc; }
div.panoramarow div.takenby{ font-size:12px; line-height:15px; }
div.panoramarow div.takenby span.label{ color:#808080; font-style:italic; }
div.panoramarow div.rowoptions { background:#262626 url('/static/img/bg_tile.png') 0 13px; margin-top: 10px; }
div.panoramarow div.sharebutton{ width:45px; height:19px; background:url('/static/img/button_share.png'); float:left; margin-right:5px; cursor:pointer;}
div.panoramarow div.sharebutton:hover{ background-position: 0px -19px; }
div.panoramarow div.storageoptions{ float:left; padding: 3px 5px 0px 5px;}
div.panoramarow div.storageoptions div.makepremium{ float:left; background:url('/static/img/buttons/button_MakePremium.png') top; width:84px; height:19px; margin-right:2px; }
div.panoramarow div.storageoptions div.ispremium{ margin-right:2px; margin-top:4px; font-size:12px; display:inline; }
div.panoramarow div.storageoptions div.ispremium span{ color:#ff8a02; text-transform:uppercase; }
div.panoramarow div.viewtypes{ float:left;}


div#inneraccount{ padding:0px 0px 0px 40px; }
div#inneraccount div.settingsbox{ margin: 5px 0px 20px; background:#262626; border:solid 1px #333333; border-radius:5px; padding:20px 42px;}

div.settingsbox h4{ text-transform:uppercase; color:#808080; font-size:13px; line-height:14px; margin-bottom:5px;}
div.settingsbox h4 span.loginstatus{ color:#ff8a02; }
div.settingsbox h4.occipitalicon{ background:url('/static/img/icons/icon_O.png') no-repeat; position:relative; left:-20px; padding-left:20px; }
div.settingsbox p.instructions{ padding:10px 0px; font-size:12px; color:#fff; }
div#inneraccount div.settingsbox p.email span.email{ color:#48aaf8; }
div#inneraccount div.settingsbox p.email span.verified{ color:#808080; }
div#inneraccount div.settingsbox p.email{ font-size:13px; margin: 20px 0px; }
div#inneraccount div.settingsbox p.email span.verified a.resend_verification_email{ font-size: 13px }
div#inneraccount div.settingsbox p.email span.verified a.resend_verification_email:hover{ font-size: 13px; text-decoration:underline; }
div#inneraccount div.formentry input.entry{  width:353px; height:20px; border:solid 1px #000; color:#262626; margin-bottom:8px;} 
div#inneraccount div.formentry span.label{  width:120px; color:#fff; float:left; font-size:13px; padding-top:4px; } 

div#inneraccount div.settingsbox div#changepasswordbutton{ background:url('/static/img/buttons/button_ChangePassword.png'); width:160px; height:32px; cursor:pointer; }
div#inneraccount div.settingsbox div#changepasswordbutton:hover{ background-position:0px -32px; }
div#inneraccount div.settingsbox div.savebutton{ background:url('/static/img/buttons/button_SaveLarge.png'); width:58px; height:32px; cursor:pointer; }
div#inneraccount div.settingsbox div.savebutton:hover{ background-position:0px -32px; }
div#inneraccount div.settingsbox div#setpasswordbutton{ background:url('/static/img/buttons/button_SetPassword.png'); width:132px; height:32px; cursor:pointer; }
div#inneraccount div.settingsbox div#setpasswordbutton:hover{ background-position:0px -32px; }
div#inneraccount div.settingsbox div#enabletwitteraccountbutton{  float:left; margin:10px 10px 10px 0px; background:url('/static/img/buttons/button_EnableTwitterAccount.png'); width:233px; height:32px; cursor:pointer;}
div#inneraccount div.settingsbox div#enabletwitteraccountbutton:hover{ background-position:0px -32px; }
div#inneraccount div.settingsbox div#enablefacebookaccountbutton{ float:left; margin:10px 10px 10px 0px; background:url('/static/img/buttons/button_EnableFacebookAccount.png'); width:233px; height:32px; cursor:pointer;}
div#inneraccount div.settingsbox div#enablefacebookaccountbutton:hover{ background-position:0px -32px; }
div#inneraccount div.lesspad { padding:8px 42px; }


div#inneraccount div.settingsbox div.authprofile{ float:left; width:250px; border:solid 1px #333333; padding:5px; 
                                                  background:#1a1a1a; margin:10px 10px 10px 0px; border-radius:5px;}
div#inneraccount div.settingsbox div.authprofile div.twitterserviceicon{ 
    float:right; background:url('/static/img/icons/icon_Twitter.png');
    width:16px; height:16px;
    margin: 5px 5px 0px 0px;
}
div#inneraccount div.settingsbox div.authprofile div.facebookserviceicon{ 
    float:right; background:url('/static/img/icons/icon_Facebook.png');
    width:16px; height:16px;
    margin: 5px 5px 0px 0px;
}
div#inneraccount div.settingsbox div.authprofile img{ float:left; margin:5px 10px 5px 5px; height:40px; width:40px; border-radius:5px;}
div#inneraccount div.settingsbox div.authprofile div.username{ font-size:12px; color:#ccc; float:left; margin-top:5px; }
div#inneraccount div.settingsbox div.authprofile div.username span{ font-size:14px; color:#ffffff; line-height:16px; }

ul.sharingaccounts li{ border:solid 1px #333; background:#1a1a1a; line-height:24px; font-size:13px; padding-left:4px; margin-bottom:2px; border-radius:5px;}
ul.sharingaccounts li div.username{ float:left; padding-left:20px; }
ul.sharingaccounts li .sharetwitter{ background:url('/static/img/icons/icon_Twitter.png') no-repeat 0px 3px; float:left;}
ul.sharingaccounts li .sharefacebook{ background:url('/static/img/icons/icon_Facebook.png') no-repeat 0px 3px; float:left;}
ul.sharingaccounts li div.action{ float:right; margin-right:17px; color:#48aaf8;}
ul.sharingaccounts li div.loginaccount{  color:#808080; font-size:12px;}
ul.sharingaccounts li div.add{ float:right; margin-right:17px; }


ul.sharingaccounts li div.add div.addlink{ padding-left:20px; margin-left:20px; }
div#footer{ margin-top:13px; font-size:10px; color:#666; font-family: Arial, sans-serif;}
div#footer div.links{ float:left; margin:7px 10px 0px 40px;  }
div#footer div.copyright{ margin:auto; width:250px; text-align:center; padding-top:7px;}
div#footer div.byoccipital{ float:right; margin-right:40px;}
div#footer div.byoccipital div.text{ float:right; margin:7px 5px 0px 0px; }
div#footer div.byoccipital img{ float:right; }



div.strong {  font-weight:bold; font-size:1.2em;}


div.rowoptions div.comment-badge-background {
    width: 120px;
    height: 36px;
    /*position: absolute;*/
    float:left;
    /*right: 5px;*/
    bottom: 7px;
    border-radius: 5px;
    background-color: #262626;
    opacity: 0.8;
    z-index: 999;
}
div.comment-badge {
    height: 26px;
    /*position: absolute;
    right: 10px;*/
    bottom: 12px;
    z-index: 1001;
  color:#fff;
  line-height:28px;
  text-align:right;
  cursor:pointer;
  font-size:100%;
}
div.comment-badge span{
  color:#FF8A02;
  font-weight:bold;
  font-size:110%;
}

div.comments-wrapper{ 
  color: gray;
  display: none;
}

/* Comments  */

div.comments-wrapper div.comment-title span{
  font-weight:bold;
  color:#FF8A02;
} 
div.comments-wrapper ul{ 
  margin:10px auto 5px auto;
  padding: 0px;
  list-style:none;
  overflow:auto;
}
div.comments-wrapper ul li{
  list-style:none;
}  
div.comments-wrapper .comment {
  color: white;
  min-height: 50px;
  position:relative;
  border-bottom:solid 1px #666;
  padding:5px 0px;
  overflow:hidden;
}
          
div.comments-wrapper .commenttext {
  line-height:18px;
  font-size:14px;
  padding:10px;
  font-family:arial;
  margin-top:10px;
}

div.comments-wrapper .avatarimg{
  position:absolute;
  top:5px;
  width:40px;
  height:40px;
  padding:2px;
  border:solid 1px #eee;
}

div.comments-wrapper .panoowner .avatarimg{
  left:2px;
}

div.comments-wrapper .notpanoowner div.commentinfo {
  margin-right: 60px;
}

div.comments-wrapper div.commentinfo{ 
  font-size:12px;
  font-family:arial;
}
 div.comments-wrapper div.commentinfo .author{ 
  font-weight: bold;
}

div.comments-wrapper .panoowner div.commentinfo .author {
  margin-left: 55px;
}

div.comments-wrapper ul.commentlist li.comment.load {
  text-align: center;
  min-height: 0px;
  cursor: pointer;
}

 div.comments-wrapper .panoowner div.commentinfo{ 
  left:55px;
}
 div.comments-wrapper .notpanoowner div.commentinfo{ 
  right:55px;
}
 div.comments-wrapper .notpanoowner div.commentinfo .time{ float:left; font-size: 98%; color: #CCC;}
 div.comments-wrapper .notpanoowner div.commentinfo .author{ float:right; }
 div.comments-wrapper .panoowner div.commentinfo .author{ float:left;}
 div.comments-wrapper .panoowner div.commentinfo .time{ float:right;} 

 div.comments-wrapper .panoowner .commenttext {
  margin-left: 45px;
  font-size: 80%;
}

div.comments-wrapper .notloggedin {
  text-align:center;
  margin-top: 5px;
  font-size: 80%;
}

div.notloggedin h5 {
  color:#eee;
  margin-bottom:3px;
  font-size: 0.83em;
  font-weight: bold;
}

div.notloggedin h4{
  margin-top: 0px;
  margin-bottom: 0px;
  color: #FFF;
  text-decoration: underline;
  font-weight: bold;
}

 div.comments-wrapper .notpanoowner .commenttext {
  margin-right: 0px;
}

 div.comments-wrapper .notpanoowner .avatarimg{
  right:2px;
}

          
 div.comments-wrapper .commentareawrapper {
  min-height: 50px; 
  width: 100%; 
  background-color:#000;
}

 div.comments-wrapper textarea.commentbox{ 
width: 85%; 
min-height:55px; 
font-family: sans-serif; 
font-size:1.0em;
margin: 5px 0px 10px 5px;
}

 div.comments-wrapper div.postcomment{ 
  padding:10px;
  background:#333;
  float:right;
  border:solid 1px #222;
  margin-right:10px;
  margin-top:2px;
  color:#fff;
  min-height:20px;
  border-radius:5px;
  cursor:pointer;
}

div.pagingbar{
     margin:0 auto; 
     font-size:14px; 
     text-align:center; 
     margin-top: -35px;
     margin-bottom: 5px;
     float:right;
}

div.pagingbar span.pagingnumber{
   width:160px;
   text-align:right;
   margin-right: 5px;
   list-style:none;
   color: gray;
   display:inline-block;
} 

div.pagingbar a span.enabled{
    list-style:none;
    width:30px;
    margin-right:5px;
    display:inline-block;
}    

div.pagingbar span.disabled{
   width:30px;
   list-style:none;
   margin-right:5px;
   color: gray;
   display:inline-block;
} 

div.pagingbar a span.pagingarrowenabled
{
   width:30px; 
   height:14px;
   border-radius: 2px; 
   margin-top:0px;
   background: #47a7f4; /* Occipital blue */
   color: #FFFFFF;
   cursor:pointer;
   display:inline-block;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;

}

div.pagingbar a span.pagingarrowenabled:hover
{ 
   background: #ff8a02;
}

div.pagingbar a span.pagingarrowenabled:active{
   background: #ffab4d; /* Occipital dark orange */
}

div.pagingbar span.pagingarrowdisabled
{
   width:30px; 
   height:14px;
   border-radius: 2px; 
   background: gray;
   color: #FFFFFF;
   display:inline-block;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

ul.joblinks > li {
	padding:5px;
}

     div.lightbox{ width:500px; border-radius:5px; border:solid 1px #333; background:#262626; margin:30px auto; padding:10px; color:#fff;}
div.lightbox div.closebutton{ width:26px; height:26px; float:right; background: url('/static/img/buttons/button_X.png') 0px 0px; cursor:pointer;}
div.lightbox div.closebutton:hover{ background-position: 0px -26px; }
div.lightbox div#signinlogo{ background:#262626; z-index:100; width:109px; padding-left:10px; position:relative; left:-10px;}
div.lightbox div#createlogo{ background:#262626; z-index:100; width:104px; padding-left:10px; position:relative; left:-10px; top:-1px;}
div.lightbox div#sharelogo{ background:#262626; z-index:100; width:130px;  padding-left:10px; position:relative; left:-10px;}
div.lightbox div#makepremiumlogo{ background:#262626; z-index:100; width:234px;  padding-left:10px; position:relative; left:-10px; top:-1px;}
div.lightbox div#deletelogo{ background:#262626; z-index:100; width:100px;  padding-left:10px; position:relative; left:-10px; top:-1px;}

div.lightbox div#forgotpasswordlogo{ background:#262626; z-index:100; width:284px;  padding-left:10px; position:relative; left:-10px;}
div.lightbox div#verifyemaillogo{ background:#262626; z-index:100; width:210px; padding-left:10px; position:relative; left:-10px; top:-1px;}
div.lightbox div.lbcontent{ width:450px; border: solid 4px #48aaf8; border-left:none; 
border-top-right-radius:25px;
border-bottom-right-radius:25px; position:relative; top:-7px; left:-10px; z-index:50; padding: 12px 30px 20px 20px;
}

div.lightbox div.textcontent{ font-size:14px; line-height:16px;  }
div.lightbox div.textcontent p{ margin-bottom:8px; }
div.lightbox div.notitle{ margin-top:40px; }
div.lightbox p.prompt{ color:#fff; font-size:14px;}
div.lightbox p.prompt span{ color:#ff8a02 }
div.lightbox p.prompt.errormessage{ color:#ff0000; padding:10px 0px; }
div.lightbox p.withpad{ margin:10px 0px; }
div.lightbox p.instructions{ color:#fff; font-size:12px; line-height:14px;}
div.lightbox h4{ font-size:12px; font-weight:bold;}
div.lightbox h4.withpad{ margin:30px 0px 10px}

div.lightbox div.formentry{ width:437px; background:#1a1a1a; border:solid 1px #333; border-radius:5px; padding: 12px 10px 12px 10px; margin-top:18px; }
div.lightbox div.formentry form span.label{ width:80px; color:#fff; float:left; font-size:14px; padding-top:4px; }
div.lightbox div span.label{ width:80px; color:#fff; float:left; font-size:14px; padding-top:4px; }
div.lightbox div.formentry form input.text{ width:353px; height:20px; border:solid 1px #000; color:#262626; margin-bottom:8px;}
div.lightbox div input.text{ width:353px; height:20px; border:solid 1px #000; color:#262626; margin-bottom:8px;}
div.lightbox div.formentry div#forgotten{ float:right; font-size:11px; }
div.lightbox div.formentry a#createlink{ font-size:12px; }

div.lightbox div.formentry div#signinoptions{ float:right; margin-top:8px; font-size:14px;}
div.lightbox div.formentry div#signinoptions a{ line-height:32px;}
div.lightbox div.formentry div#createaccountbutton { width:91px; height:32px; background:url('/static/img/buttons/button_Create.png') 0px 0px; margin-left:15px; float:right; cursor:pointer;}
div.lightbox div.formentry div#signinoptions div#signinbutton{ width:91px; height:32px; background:url('/static/img/buttons/button_SignIn.png') 0px 0px; margin-left:15px; float:right; cursor:pointer;}
div.lightbox div.formentry div#signinoptions div#signinbutton:hover{ background-position:0px -32px; }
div.lightbox div.choiceor{ color:#fff; font-size:13px; background:#262626 url('/static/img/bg_tile.png') 6px 6px repeat-x; text-align:center; margin:10px;  }
div.lightbox div.usetwitterbutton{ margin:auto; width:264px; height:32px; background:url('/static/img/buttons/button_UseTwitterAccount.png') 0px 0px; cursor:pointer;}
div.lightbox div.usetwitterbutton:hover{ background-position: 0px -32px; }
div.lightbox div.usefacebookbutton{ margin: 10px auto; width:264px; height:32px; background:url('/static/img/buttons/button_UseFacebookAccount.png') 0px 0px; cursor:pointer;}
div.lightbox div.usefacebookbutton:hover{ background-position: 0px -32px; }

div.buttoncontainer {width: 327px; margin-top: 5px !important; margin-bottom: 5px !important; margin-left: auto !important; margin-right: auto !important;}
div.occipitalbutton {cursor: pointer; margin-right:5px !important; float:left; width:107px; height: 32px; background:url('/static/img/buttons/login_buttons.png') 0px 0px repeat-x;}
div.facebookbutton {cursor: pointer; float:left; width:105px; height: 32px; background:url('/static/img/buttons/login_buttons.png') 0px -32px repeat-x;}
div.twitterbutton {cursor: pointer; margin-right:5px !important; float:left; width:105px; height: 32px; background:url('/static/img/buttons/login_buttons.png') 0px -64px repeat-x;}

div.lightbox div.sharemessage{ font-size:14px; color:#fff; margin-top:20px;}
div.lightbox div.sharemessage span{ font-size:12px; color:#808080; }
div.lightbox ul.shareon{ margin-top:18px; min-height:40px;}
div.lightbox ul.shareon li { float:left; min-width:150px; color:#fff; font-size:13px;}
div.lightbox ul.shareon li label.shareontwitter{ padding-left:22px; 
                                                 margin-left:7px;
                                                 background:url('/static/img/icons/icon_Twitter.png') no-repeat; }

div.lightbox ul.shareon li label.shareonfacebook{ padding-left:22px; 
                                                 margin-left:7px;
                                                 background:url('/static/img/icons/icon_Facebook.png') no-repeat; }


div.lightbox div.messagearea p.message{ color:#fff; font-size:14px; margin:8px 0px; }
div.lightbox div.messagearea p.message span{ color:#808080; font-size:12px; }
div.lightbox div.messagearea textarea#sharemessage{ width:100%;; height:60px; margin-bottom:4px; border:solid 1px #000;}

div.lightbox div.actionbuttons{ float:right; margin-right:20px;}
div.lightbox div.actionbuttons a{font-size:14px; line-height:32px;}

div.lightbox div.dosharebutton{ width:66px; height:32px; background:url('/static/img/buttons/button_sharelarge.png') 0px 0px;
                                cursor:pointer; float:right; margin-left:20px;}
div.lightbox div.dosharebutton:hover{ background-position:0px -32px; }

div.resetpasswordbutton{ width:146px; height:32px; background:url('/static/img/buttons/button_ResetPassword.png') 0px 0px; 
                         margin-left:15px; cursor:pointer; float:right; }
div.resetpasswordbutton:hover{ background-position:0px -32px; }

div.okbutton{ width:39px; height:32px; background:url('/static/img/buttons/button_OK.png') 0px 0px; 
                         margin-left:15px; cursor:pointer; float:right; }
div.okbutton:hover{ background-position:0px -32px; }


a.attachmentlink { padding:2px 0px 2px 22px; background:url('/static/img/icons/icon_PaperClip.png') no-repeat; 
                   font-size:13px;  }

div.comments-wrapper div.notloggedin{
  text-align:center;
  padding:10px 5px;
  background:#333;
  border-radius:5px;
  margin: 0px 5px 5px 5px;

}
div.comments-wrapper div.notloggedin h5{
  color:#eee;
  margin-bottom:3px;
  
}
div.comments-wrapper div.notloggedin h6{
  margin: 10px 0px 5px 5px;;
  color: #FFF;
  font-size:14px;
  font-weight: bold;
  text-align:left;
}
div.notloggedin div.left{ 
  margin-left:20px;
  float:left;
  width:130px;
  border-right:solid 1px #111;
  text-align:left;
  padding-left:10px;

}

div.notloggedin div.right{ 
  float:left;
  width:130px;
  text-align:left;
  padding-left:10px;
}

a.facebooklink{ 
  line-height:20px;
  padding-left:18px;
  background:url('/static/img/icons/icon_Facebook.png') no-repeat;

}
a.twitterlink{ 
  line-height:20px;
  padding-left:18px;
  background:url('/static/img/icons/icon_Twitter.png') no-repeat;

}
a.occipitallink{ 
  line-height:20px;
  padding-left:18px;
  background:url('/static/img/icons/icon_O.png') no-repeat;

}
div.spacer{ 
  clear:both;
}