﻿/*
###################################
	Scrollproperties, HTML
###################################
*/
html
	{
		overflow: -moz-scrollbars-vertical;
		overflow-x: hidden;
		overflow-y: scroll;
	}
body 
    {
        background-color:#003145;
    }
/*
###################################
            Containers
###################################
*/
.PositionRelative
{
    position: relative;
}
#SubPageBG
{
    
}
#Wrapper
    {
        margin: 0 auto;
        width:850px;
    }
#HeaderHolder
    {
        width:850px;
        height:93px;
    }
#MenuHolder
    {
        background-image:url('../../Content/Images/MenuBG.gif');
        background-repeat:repeat-x;
        height:30px;
    }
#ContentHolderMain
{
            float:left;
        width:850px;
}
#ContentHolder
    {   
        padding-bottom:24px;     
        background-image:url('../../Content/Images/SubPageBG.gif');
        float:left;
        width:850px;
    }
#FooterHolder
    {
        width:850px;
        height:25px;
    }
#SubPageMenu
    {
        margin-top:31px;
        border-top:solid 1px #d2d0c7;
        background-color:White;
        width:162px;
        float:left;
    }
#SubPageContent
    {
        width:688px;
        float:right;
    }
.Clear
    {
        clear:both;
    }
/*
###################################
    StartPage Fair Info Plate
###################################
*/
.StartPageFairInfoPlate
{
    width: 644px;
    height: 356px;
    position: absolute;
    top: 28px;
    left: 112px;
}
.StartPageFairInfoPlateLeft
{
    float: left;
    width: 20px;
    height: 356px;
    background-image: url('../Images/Fair/left_bg.png');
    background-repeat: no-repeat;
}
.StartPageFairInfoPlateSpan
{
    float: left;
    width: 603px;
    height: 356px;
    background-image: url('../Images/Fair/span_bg.png');
    background-repeat: repeat-x;
}
.StartPageFairInfoPlateSpanPadding
{
    padding-top: 16px;
    padding-left: 6px;
}
.StartPageFairInfoPlateSpanLogoPlate
{
    float: left;
    width: 46px;
    height: 327px;
}
.StartPageFairInfoPlateSpanContentPlate
{
    float: left;
    width: 545px;
    height: 327px;
}
.StartPageFairInfoPlateSpanClose
{
    text-align: right;
}
.StartPageFairInfoPlateSpanText
{
    text-align: left;
    padding-top: 18px;
    padding-left: 1px;
}
.StartPageFairInfoPlateSpanReadMore
{
    padding-top: 8px;
    padding-right: 7px;
    text-align: right;
}
.StartPageFairInfoPlateRight
{
    float: left;
    width: 21px;
    height: 356px;
    background-image: url('../Images/Fair/right_bg.png');
    background-repeat: no-repeat;
}
/*
###################################
            Sub Pages
###################################
*/
.PageContentPadding
{
    margin-left: 25px;
    margin-top: 28px;
    padding-right:23px;
}
.PageContentPaddingTop
{
    margin-left: 25px;
    margin-top: 28px;
    padding-right:23px;
}
.PageContentPaddingButtom
{
    padding-bottom: 28px;
    margin-left: 25px;
    padding-right:23px;
}
#SubPageSubjectBorder
{
    padding-top:10px;
    padding-bottom:24px;
}
.PageIntro
{
    float:left;
    width:365px;
    padding-bottom: 16px;
}
.PageText p
{
	padding: 0px;
	margin: 0px;
	padding-bottom: 12px;
}
.PageText
{
    float:left;
    width:365px;
}
#PageSidePicture
{
    float:right;
    width: 253px;
    padding-bottom: 28px;
}
/*
###################################
                Menu
###################################
*/
#MenuHolder div
    {
        float:left;
    }
/*
###################################
           RepportDamage
###################################
*/    
.DRWrapper
{
    width: 638px;
}
.RDHeader
{
    width: 638px;
    height: 26px;
    background-color: #e9e7dd;
    background-image:url('../../Content/Images/RepportDamage/RDHeaderRedStripe.gif');
    background-repeat:repeat-y;
    margin-top: 12px;
    margin-bottom: 2px;
}
.RDHeaderSelectPlate
	{
		float: left;
	}
.RDHeaderSelect td
{
    padding-left: 5px;
    padding-top: 0px; 
    padding-bottom: 0px;
    line-height: 16px;
    height: 26px;
    vertical-align: middle;
}
.RDHeaderSelect label
{
    margin-left: 2px;
}
.RDHeaderSelectSecond td
{
    padding-left: 5px;
    padding-top: 0px; 
    padding-bottom: 0px;
    line-height: 16px;
}
.RDHeaderSelectSecond label
{
    margin-left: 2px;
}
/*.RDHeader td
{
    padding-top: 0px;
    padding-bottom: 0px;
}*/
.RDHeaderPic
{
    margin-left: 7px;
}
.RDTable
{
    margin-top: 2px;
    margin-bottom: 4px;
    width: 638px;
    font-family:Arial;
    font-size: 12px;
    padding-left: 14px;
}
.RDFirstTD
{
    width: 90px;
}
.RDFirstTDLong
{
    width: 120px;
}
.RDThirdTD
{
    width: 110px;
}
.RBList td
{
    width: 78px;
}
.RBList label
{
    margin-left: 6px;
}
.TextNotice
{
 font-size: 11px;
 font-style:italic;
 line-height: 16px;   
}
.RDHeaderRB
{
    float:left;
    margin-top: 3px;
    line-height: 23px
}
.RDFirstRBList td
{
    vertical-align:top;
    width: 220px;
}
.RDSecondRBList
{
    width: 210px;
    vertical-align: top;
}
.TDPaddingLeft
{
    padding-left: 4px;
}
.RBListTD td
{
    width:70px;
}
.AnimalHideShow
{
    margin-left: 6px;
}
/*
###################################
      RepportDamage Page Two
###################################
*/
.RDPageTwoFirstTD
{
    width: 92px;
}
.RDPageTwoFirstTDLong
{
    width: 112px;
}
#VehicleTD
{
    width: 120px;
}
#TextBeforeVehicleTD
{
    width: 132px;
}
.AlignTop
{
    vertical-align:top;
}
/*
###################################
      RepportDamage Page Three
###################################
*/
.DRPLastLeftTD
{
    vertical-align:top;
    width: 120px;
    font-weight:bold;
}
.DRPLastRightTD
{
    vertical-align:top;
    width: 518px;
}
.DRPLeftTD
{
    vertical-align:top;
    width: 110px;
    font-weight:bold;
}
.DRPRightTD
{
    vertical-align:top;
    width: 80px;
    font-weight:bold;
}
.DRPPaddingLeft
{
    padding-left: 5px;
}
.DRPLeftTDTwo
{
    width: 180px;
}
.DRPLeftTDOwnerInfo
{
    width: 200px;
}

/*##############################
            Modual popup
################################*/

.modalBackground {
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:350px;
	height:160px;
}

.modalPopupPanel {
	width:250px;
	height:350px;
}

/*
###################################
	Clear
###################################
*/   
.Clear
	{
		clear:both;
	}
    
.ClearLeft
    { 
        clear:left;
        line-height: 0px;
        font-size: 0px;
        padding: 0px;
        margin: 0px;
        height: 0px;
        width: 0px;
    }
.ClearRight
    { 
        clear:right;
        line-height: 0px;
        font-size: 0px;
        padding: 0px;
        margin: 0px;
        height: 0px;
        width: 0px;
    }
.ClearBoth
    { 
        clear:both;
        line-height: 0px;
        font-size: 0px;
        padding: 0px;
        margin: 0px;
        height: 0px;
        width: 0px;
    }
