﻿
#PageBodyHolder {margin:0 auto;width:520px;padding:25px 0 30px;}
#PageBodyHolder form {margin:0;padding:0}

.Message {text-align:center;padding:10px;background-color:#edf5fe;border:solid 1px #afc4e4;color:#363636}

#CustomerLogin {width:250px;padding-right:20px;background-image:url(images/dot4.bmp);background-position:right 0;background-repeat:repeat-y;overflow:hidden;float:left;}
#OtherStuff {margin-left:-1px;width:230px;padding-left:20px;background-image:url(images/dot4.bmp);background-position:0 0;background-repeat:repeat-y;overflow:hidden;float:left}

.GlossBox {background-color:rgb(236,236,223);overflow:hidden;}
.GlossBox div.Header {height:33px;background-image:url(images/glossbox_top_middle.bmp);background-repeat:repeat-x;background-position:0 0;clear:both;overflow:hidden;}
.GlossBox div.Header div.Left {width:7px;height:33px;float:left;background-image:url(images/glossbox_ends.png);background-repeat:no-repeat;background-position:-8px 0;}
.GlossBox div.Header div.Right {width:8px;height:33px;float:right;background-image:url(images/glossbox_ends.png);background-repeat:no-repeat;background-position:0 0;}
.GlossBox div.Header h3 {float:left;padding:1px 0 0 22px;height:18px;margin:8px 0 0 5px;font-size:100%;font-weight:normal;background-repeat:no-repeat;background-position:0 0;}
.GlossBox div.Body {clear:both;overflow:hidden;}
.GlossBox div.Body div {clear:both;overflow:hidden;}
.GlossBox div.Body div.Left, .GlossBox div.Body div.Right {background-repeat:repeat-y;}
.GlossBox div.Body div.Left {background-image:url(images/glossbox_mid_left.bmp);background-position:left top;}
.GlossBox div.Body div.Right {background-image:url(images/glossbox_mid_right.bmp);background-position:right top;}
.GlossBox div.Body div.Content {padding:8px;margin:0 8px 0 7px;background-image:url(images/glossbox_mid_middle.bmp);background-repeat:repeat-x;background-position:left top;}
.GlossBox div.Footer {height:7px;background-image:url(images/glossbox_bot_middle.bmp);background-repeat:repeat-x;background-position:0 0;clear:both;overflow:hidden;}
.GlossBox div.Footer div.Left {width:7px;height:7px;float:left;background-image:url(images/glossbox_ends.png);background-repeat:no-repeat;background-position:-8px -33px;}
.GlossBox div.Footer div.Right {width:8px;height:7px;float:right;background-image:url(images/glossbox_ends.png);background-repeat:no-repeat;background-position:0 -33px;}

.GlossBox div.Header h3.Login {background-image:url(images/14x16_lock.gif);}
.GlossBox div.Header h3.Register {padding-left:0}

div.LoginError {padding:10px;margin-bottom:15px;background-color:lightyellow;border:solid 1px red;color:red;}
div.Login {clear:both;overflow:hidden;width:100%;}
div.Login div {margin-bottom:6px;}
div.Login div.UserName {clear:both;overflow:hidden;width:100%;}
div.Login div.Password {clear:both;overflow:hidden;width:100%;}
div.Login div.RememberMe {clear:both;overflow:hidden;width:100%;}
div.Login div.Buttons {clear:both;overflow:hidden;width:100%;text-align:right;margin-top:15px;}

div.Login div.UserName input {width:210px;}
div.Login div.Password input {width:210px;}
div.Login div.Buttons input {padding:2px 3px;}

#RegisterOptions {clear:both;padding:0;}
#RegisterOptions a {clear:both;display:block;margin:0 auto 7px;padding:0 0 0 21px;background-image:url(images/16x16_arrowright_clear.png);background-repeat:no-repeat;background-position:left top;}

#LoginOptions {margin:15px 0 20px;padding:15px 0 0 0;background-image:url(images/dot2.bmp);background-position:0 0;background-repeat:repeat-x;}
#LoginOptions a {clear:both;display:block;width:195px;margin:0 auto 7px;padding:0 0 0 21px;background-image:url(images/16x16_file_help.png);background-repeat:no-repeat;background-position:left top;text-align:left;}

