/*******************/
/* INTERFACE STYLE */
/*******************/

body
{
	background-color:#8fb9af;
	background-image:url(Images/bg_gradient.gif);
	background-repeat:repeat-x;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
}

#center
{
	width:830px;
	margin:auto;
}
#page_top
{
	width:830px;
	height:135px;
	background-image:url(Images/bg_page_top.gif);
}

#page_content
{
	width:830px;
	background-image:url(Images/bg_page_content.gif);
	background-repeat:repeat-y;
}

#page_bottom
{
	width:830px;
	height:34px;
	background-image:url(Images/bg_page_bottom.gif);
	margin-bottom:25px;
}

#left_menu
{
	width:186px;
	padding-bottom:25px;
}

#photo_box
{
	width:77px;
	height:95px;
	background-image:url(Images/picture_box.gif);
	margin:auto;
	position:relative;
	top:-25px;
	margin-bottom:-25px;
	padding-top:5px;
	padding-left:5px;
}

.user_photo
{
	width:72px;
	height:90px;
}

#left_menu_information
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	text-align:center;
	margin:5px 0px 15px 0px;
}

.button_black
{
	width:165px;
	display:block;
	background-image:url(Images/button_black.gif);
	background-repeat:repeat-x;
	background-color:black;
	margin:auto;
	margin-bottom:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	text-align:left;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:3px;
	padding-left:5px;
	border:1px solid black;
}

#right_content
{
	width:602px;
	height:100%;
	margin:35px 15px 50px 15px;
}

.moveUpDown
{	
	height:15px;
	width:15px;
	border-width:0px;
}

/*****************/
/* CONTENT STYLE */
/*****************/

.main_title
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    margin-bottom:15px;
    text-align:center;
}

.sub_title
{
    width:590px;
	background-image:url(Images/bg_header.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	padding:5px 0px 5px 10px;
}

.item_line
{
    width:588px;
    margin-top:2px;
    background-image:url(Images/item_line_gradient.gif);
    background-color:#ebfaf6;
    background-repeat:repeat-x;
    border:1px solid #a1d2c7;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:black;
    padding:2px 5px 2px 5px;
}

.left_side
{
    width:47%;
    float:left;
    padding:2px 0px 2px 0px;
}

.right_side
{
    width:51%;
    float:right;
}

.textbox
{
    width:94px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    border:1px solid black;
}

.submit_button
{
	height:22px;
	margin-top:3px;
	margin-bottom:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	margin-left:0px;
	margin-right:0px;
}

select
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}

.row_style
{
    background-color:Red;    
}

.alternating_row_style
{
    background-color:blue;    
}

a
{
    color:#20474e; 
}


/******************/
/* TabStrip Style */
/******************/
.TopGroup
{
  z-index:99;
  position:relative;
}

.DefaultTab 
{
  color:black; 
  background-image: url(ComponentArt/TabStrip/tab_bg.gif);
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px; 
  font-weight: bold;
  cursor:pointer;
}

.DefaultTabHover 
{
  color:black; 
  background-image: url(ComponentArt/TabStrip/hover_tab_bg.gif);
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px; 
  font-weight: bold;
  text-decoration: underline;
  cursor:pointer;
}

.SelectedTab 
{
  color:black; 
  background-image: url(ComponentArt/TabStrip/selected_tab_bg.gif);
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px; 
  font-weight: bold;
  cursor:default;
}

.DisabledTab 
{
  color:#AAAAAA; 
  background-image: url(ComponentArt/TabStrip/tab_bg.gif);
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px; 
  font-weight: bold;
  cursor:default;
}

.MultiPage
{
  background-color:White;
  border: 1px solid #919B9C;
  position:relative;
  top:-1px;
  z-index:98;
}


/******************/
/* Calendar Style */
/******************/
.calendar
{
	border:1px solid #57566F;
	cursor:default;
}

.topheadertext
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#4A495E;
	line-height:20px;
	text-align: center;
}

.dayheader
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#333333;
	background-color:#E0DFE3;
	background-image:url(ComponentArt/Calendar/dayheader_bg.gif);
	background-position: left bottom;	
	height:20px;
	text-align:center;
	cursor:default;
}

.monthselector
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-align:center;
	color:#333333;
	width:25px;
	background-color:#E0DFE3;
	background-image:url(ComponentArt/Calendar/dayheader_bg.gif);
	background-position: left bottom;
	cursor:pointer;
}

.weekselector
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-align:center;
	color:#333333;
	background-color:#F6F6F6;
	border-top:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	height:21px;
	width:29px;
	cursor:pointer;
}

.day
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-align:center;
	color:#57566F;
	background-color:white;
	border-top:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid #F6F6F6;
	border-right:1px solid #F6F6F6;
	height:21px;
	width:29px;
	cursor:pointer;
}

.othermonthday
{
	color:#B2B1CA;
}

.selectedday
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:black;
	background-color:#FFEEC2;
	border:1px solid #BB5503;
	cursor:default;
}

.dayhover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	color:#57566F;
	background-color:white;
	border-top:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid #F6F6F6;
	border-right:1px solid #F6F6F6;
	height:21px;
	width:29px;
	cursor:pointer;

	text-decoration:underline;
}

.othermonthdayhover
{
	color:#B2B1CA;
	text-decoration:underline;
}

.selecteddayhover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:black;
	background-color:#FFEEC2;
	border:1px solid #57566F;
}

.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
  cursor: pointer;
  text-align:center;
}

.calendar_button
{
    border:none;
    cursor:pointer;
    width:25px;
    height:22px;
    background-image:url(ComponentArt/Calendar/btn_calendar.gif);
}

.disabledday
{
  text-decoration:none;
  background-image:url(ComponentArt/Calendar/baddate.gif);
  background-position:center center;
  background-repeat:no-repeat;
  cursor:default;
}

.calendar_top_headerBg
{
	background-image:url(ComponentArt/Calendar/top_headerBg.gif);
	padding:5px;
	padding-right:4px;
}

.calendar_spacer
{
	background-image:url(ComponentArt/Calendar/spacer.gif);	
}

.calendar_top_headerDayBg
{
	width:57px;
	height:48px;
	background-image:url(ComponentArt/Calendar/top_headerDayBg.gif);	
}

.calendar_top_headerMonthBg
{
	width:140px;
	height:48px;
	background-image:url(ComponentArt/Calendar/top_headerMonthBg.gif);	
}

.calendar_top_headerYearBg
{
	width:71px;
	height:48px;
	background-image:url(ComponentArt/Calendar/top_headerYearBg.gif);	
}

/*** Previous and Next Month ***/
.calendar_btn_prevMonthHover
{
	background-image:url(ComponentArt/Calendar/btn_prevMonthHover.gif);	
}

.calendar_btn_prevMonth
{
	background-image:url(ComponentArt/Calendar/btn_prevMonth.gif);	
}

.calendar_btn_prevMonthDown
{
	background-image:url(ComponentArt/Calendar/btn_prevMonthDown.gif);	
}

.calendar_btn_nextMonthHover
{
	background-image:url(ComponentArt/Calendar/btn_nextMonthHover.gif);	
}

.calendar_btn_nextMonth
{
	background-image:url(ComponentArt/Calendar/btn_nextMonth.gif);	
}

.calendar_btn_nextMonthDown
{
	background-image:url(ComponentArt/Calendar/btn_nextMonthDown.gif);	
}

/*** Previous and Next Year ***/
.calendar_btn_prevYearHover
{
	background-image:url(ComponentArt/Calendar/btn_prevYearHover.gif);	
}

.calendar_btn_prevYear
{
	background-image:url(ComponentArt/Calendar/btn_prevYear.gif);	
}

.calendar_btn_prevYearDown
{
	background-image:url(ComponentArt/Calendar/btn_prevYearDown.gif);	
}

.calendar_btn_nextYearHover
{
	background-image:url(ComponentArt/Calendar/btn_nextYearHover.gif);	
}

.calendar_btn_nextYear
{
	background-image:url(ComponentArt/Calendar/btn_nextYear.gif);	
}

.calendar_btn_nextYearDown
{
	background-image:url(ComponentArt/Calendar/btn_nextYearDown.gif);	
}

/*****************
** DIALOG STYLE **
*****************/
.dialogHeader
{
}
            
.dialogClose
{
	width:28px;
	height:15px;
	cursor:hand;
	cursor:pointer;
	background-image:url(ComponentArt/Dialog/close.gif);
}

.dialogTopLeft
{
	display:block;
	width:5px;
	height:45px;
	background-image:url(ComponentArt/Dialog/top_left.gif);
}

.dialogTop
{
	padding:10px;
	background-image:url(ComponentArt/Dialog/top.gif);
	color:White;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;		
}

.dialogTopRight
{
	display:block;
	width:5px;
	height:45px;
	background-image:url(ComponentArt/Dialog/top_right.gif);
}

.dialogLeft
{
	width:5px;
	background-image:url(ComponentArt/Dialog/left.gif); 
}

.dialogRight
{
	width:5px;
	background-image:url(ComponentArt/Dialog/right.gif); 
}

.dialogBottomLeft
{
	display:block;
	width:5px;
	height:4px;
	background-image:url(ComponentArt/Dialog/bottom_left.gif);
}

.dialogBottom
{
	background-image:url(ComponentArt/Dialog/bottom.gif);
	background-color:#F0F0F0;
	width:100%;
}

.dialogBottomRight
{
	display:block;
	width:5px;
	height:4px;
	background-image:url(ComponentArt/Dialog/bottom_right.gif);
}

.dialogBottomSpacer
{
	display:block;
	height:4px;
	background-image:url(ComponentArt/Dialog/spacer.gif);
}

/*******************
** ComboBox Style **
*******************/
.comboBox 
{ 
  border: 1px solid #A6A7AA; 
  background-color: white; 
}

.comboBoxHover
{ 
  border: 1px solid #555555; 
  background-color: white; 
}

.comboDropDown 
{ 
  border: 1px solid #868686; 
  background-color: white; 
  padding: 1px;
  padding-right: 0px;
  cursor: default;
}

.comboTextBox
{
  border: 0px;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; 
}

.comboItem
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.comboItemHover
{
  background-color: #B2B4BF; 
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  border: 1px solid #DBCE99;
  padding: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
}