@import url("Font.css");

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ General Classes */
.FL     {   float: left;    display:inline;       }
.FR     {   float: right;   display:inline;       }
.CL     {   clear: left;            }
.CR     {   clear: right;           }
.Clear  {   clear:both;             }
.PR     {   position: relative;     }
.PA     {   position: absolute;     }

.Width100   {   width: 100%;}
.TxtRed {   color:#ff0000;  }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Margin */
.MT5    {   margin-top: 5px;    }
.MT10   {   margin-top: 10px;   }
.MT20   {   margin-top: 20px;   }
.MT25   {   margin-top: 25px;   }
.MT30   {   margin-top: 30px;   }
.MT40   {   margin-top: 40px;   }

.MR5    {   margin-right: 5px;  }
.MR10   {   margin-right: 10px; }
.MR20   {   margin-right: 20px; }
.MR30   {   margin-right: 30px; }
.MR40   {   margin-right: 40px; }
    
.ML5    {   margin-left: 5px;   }
.ML10   {   margin-left: 10px;  }
.ML15   {   margin-left: 15px;  }
.ML20   {   margin-left: 20px;  }
.ML25   {   margin-left: 25px;  }
.ML30   {   margin-left: 30px;  }
.ML35   {   margin-left: 35px;  }
.ML40   {   margin-left: 40px;  }

.MB5    {   margin-bottom: 5px; }
.MB10   {   margin-bottom: 10px;}
.MB20   {   margin-bottom: 20px;}
.MB30   {   margin-bottom: 30px;}
.MB40   {   margin-bottom: 40px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Margin */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /END General Classes */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ New Site Theme */
body            {   background:#f0f8ec url(../images/BG.gif) repeat-x 0 0;  }
.WrapperOuter   {   width: 1100px;
                    height: auto;
                    min-height: 600px !important;
                    overflow: visible;
                    margin: 0 auto;
                    background: url(../images/BGWrapperOuter.png) no-repeat 0 0;
}
.Wrapper
{
    clear: both;
    width: 1020px;
    height: auto;
    min-height: 600px !important;
    overflow: visible;
    margin: 0 auto;
    padding: 10px;
    background: #ffffff;
    border-left: 1px solid #b5da9e;
    border-right: 1px solid #b5da9e;
}
.Wrapper:after
{
    display: block;
    clear: both;
    content: ".";
    height: 0;
    visibility: hidden;
    font-size: 1px;
    line-height: 1px;
}
.Header
{
    width: 1020px;
    height: 124px;
    float: left;
    display: inline;
    margin-bottom: 30px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Logo */
.Logo           {
	float:left; 	display:inline;
	width: 333px; 	height: 96px;
    margin:28px 0 0 0;
    background: url(../Images/SpritePNG1.png) no-repeat 0 0;
}
.Logo a         {
	width: 100%; 	height: 100%;
	float:left; 	display:block;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Logo */

.MenuHeader     {
    float:right;
    display:block;
    width:487px;
    height:51px;
    margin-top:42px;
    padding:20px 0 0 200px;
    color:#f9fcf7;
    font-size:24px;
    line-height:30px;
    font-weight:normal;
    background: url(../images/BGMenuHeader.png) no-repeat 0 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end New Site Theme */
.LoginWrapper
{
	float: left;
	display: inline;
	width: 408px;
	height: 100px;
	margin:15px 0 0 538px;
	padding-bottom:200px;
}
.LoginWrapperProject
{
	float: left;
	display: inline;
	width: 408px;
	height: 100px;
	margin-top: 48px;
	padding:70px 0 0 200px;
	background: url(../images/DefaultTheme/ProjectLogin.png) left top no-repeat;
}
.ForgotWrapper
{
	float: left;
	display: inline;
	width: 408px;
	height: 100px;
	margin-top: 48px 0;
	padding:70px 0 0 200px;
}
.LoginWrapper p
{
	float: left;
	display: inline;
	width: 300px;
	height:auto;
	margin-bottom:15px;
}
h2.UserName,
h2.Password
{
	float: left;
	display: block;
	width: 69px;
	height: 12px;
	margin-right:75px;
}
h2.UserName {   background: url(../images/DefaultTheme/Img.gif) no-repeat 0px -33px;    }
h2.Password {   background: url(../images/DefaultTheme/Img.gif) no-repeat -69px -33px;  }
.FieldStyle {
	float: left;
	display: block;
	width: 138px;
	height: 30px;
	margin-right:3px;
	background: url(../images/DefaultTheme/Img.gif) no-repeat 0 -45px;
}
.FieldStyle input
{
	width:125px;
	height:20px;
	background:none;
	border:none;
	margin:5px 0 0 3px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Error Classes */
.error,
.field-validation-error     {   color: #ff0000; }

input.error,
.input-validation-error     {   border: 1px solid #ff0000;
                                background-color: #ffeeee;
                            }
div.input-validation-error  {   float:left; }

.validation-summary-errors  {   font-weight: bold;
                                color: #ff0000;
                            }
label.error                 {   margin-left: 15px;  }

span.Required               {   color: #ff0000;     }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Error Classes */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Icon Classes with TEXT Links */
.IconBack
                        {   display:block;
                            width:auto;
                            height:16px;
                            white-space:nowrap;
                            padding:0 0 0 22px;
                            margin:0 0 0 7px;
                            font-size:13px;
                            line-height:16px;
                        }
.IconBack               { 	background: url(../images/IconsWebTEXT.png) no-repeat 0px -180px; }
.IconBack:hover         { 	background: url(../images/IconsWebTEXT.png) no-repeat 0px -198px; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Icon Classes with TEXT Links */

input[type="button"],
input[type="submit"]            {   height:22px;
                                    width:auto;
                                    color:#ffffff;
                                    font-size:14px;
                                    line-height:16px;
                                    overflow:visible;
                                    font-weight:normal;
                                    padding:0px 8px 6px;
                                    border: 1px solid #648b4a;
                                    cursor:pointer;
                                    background:#557043 url(../Images/BGInputBtn.gif) repeat-x 0 -20px;
                                }

input[type="button"]:hover,
input[type="submit"]:hover      {   background:#637a57 url(../Images/BGInputBtn.gif) repeat-x 0 0; }

/*
input.BtnLogin          {   float:left;
                            display:block;
                            width:62px;
                            height:33px;
                            border:none !important;
                            background: url(../images/DefaultTheme/Img.gif) no-repeat 0 0;
                        }
input.BtnLogin:hover    {   background: url(../images/DefaultTheme/Img.gif) no-repeat -62px 0;    }

input.BtnSubmit         {   margin:0;
                            height:22px;
                            color:#ffffff;
                            font-size:14px;
                            line-height:16px;
                            overflow:visible;
                            font-weight:normal;
                            padding:0px 8px 6px;
                            border: 1px solid #648b4a;
                            width:auto !important ;
                            background:#557043 url(../Images/BGInputBtn.gif) repeat-x 0 -20px;
                        }
input.BtnSubmit:hover   {   background:#637a57 url(../Images/BGInputBtn.gif) repeat-x 0 0; }
*/