﻿/* Common */
body {
    margin: 0px;
    width:100%;
    }
form {
    display:inline;
    }
/* Shared */
.PSP3_Title_Container 
{
	PADDING-TOP:10px;
	PADDING-RIGHT:10px;
	PADDING-LEFT:10px;
	PADDING-BOTTOM:30px;
	WIDTH:100%;HEIGHT:20px; 
	text-align:center;
	VERTICAL-ALIGN:middle;
	BORDER-BOTTOM: #f30 2px solid; 
}
.PSP3_Content_Container 
{
	PADDING-TOP:30px;
	PADDING-RIGHT:10px;
	PADDING-LEFT:10px;
	PADDING-BOTTOM:10px;
	text-align:center;
	VERTICAL-ALIGN:TOP
}
.PSP3_Title 
{
    FONT-SIZE:28px; font-weight:bold;FONT-FAMILY: Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;	
}
.PSP3_Content {
    FONT-SIZE:14px;FONT-FAMILY: Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;	
}

.PSP3_Frame {
    background-image: url(images/bg_gradient.gif);
    background-position:bottom;
    background-repeat:repeat-x;
}

.PSP3_FrameLineL {
    background-image: url("images/frame_line_v.gif");
    background-position:left;
    background-repeat:repeat-y;
}
.PSP3_FrameLineR {
    background-image: url("images/frame_line_v.gif");
    background-position:right;
    background-repeat:repeat-y;
}
.PSP3_CommandButton1 
{
	 
}
.PSP3_CommandButton2 
{
	 
}
.ErrorMessage_Red 
{
	color:Red;
}
.ErrorMessage_Blue 
{
	color:Blue;
}

td#PSP3_FrameStyle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#252525;
}
td#PSP3_FrameStyle a:link, td#PSP3_FrameStyle a:visited {
    color: #0088cc;
    text-decoration: none;
}
td#PSP3_FrameStyle a:hover, td#PSP3_FrameStyle a:active {
    color: #0088cc;
    text-decoration: underline;
}
.PSP3_FrameHeight{
    height:440px;
}
.PSP3_GapL {
    height:70px;
}
.PSP3_GapM {
    height:50px;
    }
.PSP3_GapS{
    height:20px;
    }
.PSP3_GapF{
    height:20px;
    }
.dividerXS{
    background-image: url("images/divider.gif");
    background-position:center;
    background-repeat:repeat-x;
    height:33px;
    }
.dividerS{
    background-image: url("images/divider.gif");
    background-position:center;
    background-repeat:repeat-x;
    height:43px;
    }
.dividerM{
    background-image: url("images/divider.gif");
    background-position:center;
    background-repeat:repeat-x;
    height:53px;
    }
.noteGen {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height:14px;
    color:#252525;
    padding: 10px 0px 0px 0px;
    }
.smallTxt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height:14px;
    color:#252525;
    }
    
/* Form Shared */
.fieldStyle {
    width:170px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #252525;
    line-height: normal;
    }
.fieldStyle2 {
    width:107px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #252525;
    line-height: normal;
    }
.fieldStyle3 {
    width:83px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #252525;
    line-height: normal;
    }
.asterisk {
    color: #ee0000;
    font-size:20;
    font-weight:bold
}

#PSP3_Form
{
	FONT-FAMILY: Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}
#PSP3_Form .PSP3_SubTitle 
{
	FONT-SIZE:18px; font-weight:bold; 
}
#PSP3_Form .PSP3_Instruction
{
	FONT-SIZE:12px; font-style:italic; padding-bottom:5px
}
#PSP3_Form .PSP3_Instruction_2
{
	FONT-SIZE:11px; font-style:italic; padding-bottom:5px
}
#PSP3_Form .PSP3_TopicBar
{
    height:34px;
    width:100%;
}
#PSP3_Form .PSP3_TopicBar .BarLeft
{
	background-image: url("images/Bar_Left.png");
    background-position:center;
    background-repeat:no-repeat;height:34px;
    width:11px;
    padding:0px
}
#PSP3_Form .PSP3_TopicBar .BarCenter
{
	font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	background-image: url("images/Bar_Center.png");
    background-position:center;
    background-repeat:repeat-x;
    text-align:left;
    vertical-align:middle;height:34px;
    padding:0px
}
#PSP3_Form .PSP3_TopicBar .BarRight
{
	background-image: url("images/Bar_Right.png");
    background-position:center;
    background-repeat:no-repeat;
    width:11px;height:34px;
    padding:0px
}

#PSP3_Form .pspbutton 
{
	width:100px	
}
#PSP3_Form .colon 
{
	width:1px	
}
#PSP3_Form .fieldlabel
{
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
}
#PSP3_Form .Subtitle
{
	font-size:12px; font-weight:bold; color:white; padding-left:5px; padding-top:10px 	
}
#PSP3_Form .errormessage
{
	font-size:11px; font-weight:normal; color:red 	
}
#PSP3_Form .confirmation
{
	font-size:11px; font-weight:normal; color:black;padding:4px;line-height: 18px; text-align:justify	
}
#PSP3_Form .statusaccount
{
	font-size:11px; font-weight:bold; color:blue;	
}




 .imagebutton{
	background-image:url('images/btn_calendar.gif');
	background-repeat:no-repeat;
	width: 27px;
	height: 24px;
}



/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}