@charset "utf-8";
/* CSS Document */
html
{
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
	background-color:#EBEBEB;
	
}
html>body form
{
	height:auto;
}
html>body #outer
{
	height:auto;
}
body
{
	height:100%;	
	width:100%;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;	
}
#page
{
	widows:100%;
	height:100%;
	margin:0;
	padding:0;
}
#content
{
	width:955px;
	text-align:left;
}

#header
{
	width:100%;
	height:100px;
}

/*Menu Style*/
#menu 
{
	width:955px; 
	height:40px; 
	font-size:1.2em;
	

	
}
#menu ul li a
{
	text-decoration:none; 
	width:189px; 
	height:40px; 
	text-align:center; 
	color:#FFF; 
	line-height:40px;
	overflow:hidden;
	background-image:url(../img/menu-back4.jpg);
	/*border-right:1px solid #CCCCCC;*/
	margin-top:-2px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #333366;
	display:block;
	vertical-align:middle;
	font-size:0.8em;
}
#menu ul 
{
	padding:0; 
	margin:0; 
	list-style: none;
}
#menu ul li 
{
	float:left; 
	position:relative;
}
#menu ul li ul 
{
	display: none;
}

/* specific to non IE browsers */
#menu ul li:hover a 
{

	background-image:url(../img/menu-back-on1.jpg);
}
#menu ul li:hover ul 
{
	display:block; 
	position:absolute; 
	top:40px; 
	left:0; 
	width:189px;
}

#menu ul li:hover ul li ul 
{
	display: none;
}
#menu ul li:hover ul li a 
{
	display:block; 
	background:#EEEEEE; 
	color:#333333;
	width:188px;
	text-align:left;
	padding-left:10px;
	border-bottom:1px solid #CCCCCC;
}
#menu ul li:hover ul li a:hover 
{
	background:#DDDDDD; 

}
##menu ul li:hover ul li:hover ul 
{
	display:block; 
	position:absolute; 
	left:105px; 
	top:0;
}
#menu ul li:hover ul li:hover ul.left 
{
	left:-105px;
}
/*menu ends*/


#left-content
{
	float:left;
	width:250px;
	border-right:1px solid #666666;
	padding-right:5px;
	height:500px;
	margin-top:10px;
}
#right-content
{
	width:693px;
	padding-left:5px;
	float:right;
	margin-top:10px;
}

#full-content
{
	width:100%;
}

#full-content h1
{
	text-align:left;
	font-size:1.6em;
	margin:30px;
}

.inner-content
{
	width:90%;
	text-align:left;
	
}

.setting-item
{
	width:80%;
	border-bottom:1px solid #666666;
	text-align:left;
	font-weight:bold;
	cursor:pointer;
	margin-top:30px;
	margin-bottom:40px;
}

.row-container
{
	margin-top:10px;	
}

.left-field
{

	display:inline-block;
	vertical-align:top;
}

.left-field-content
{
	display:block;
	width:200px;
	text-align:right;
	font-weight:bold;
	background-color:#9C3;
}

.right-field
{	
	display:inline-block;
	vertical-align:top;
}

.right-field-content
{

	width:400px;
	background-color:#996;
}

.setting-item-sub
{
	width:80%;
	text-align:left;
	padding-top:10px;
	display:none;
}

.setting-item-sub form
{
	display:inline;
}

.setting-left
{
	width:130px;
	float:left;
	text-align:right;
	padding-right:10px;
	font-weight:bold;
	padding-top:3px;
}
.setting-right
{
	width:495px;
	padding-left:10px;	
}

.setting-right input
{
	width:300px;	
}

.setting-button
{
	text-align:center;
	padding:15px 0 15px 0;
}

.setting-button input
{
	background:none;
	background-image:url('../img/menu-back3.jpg');	
	color:#FFFFFF;
	font-size:0.9em;
	border:0;
	cursor:pointer;
}

.button
{ 
	background:none;
	background-image:url('../img/backbar.png');
	color:#333;
	font-size:0.9em;
	border:0;
	cursor:pointer;
	border:1px solid #CCC;
	padding:3px;
}

.section-header
{
	width:754px;
	height:50px;
	background-image:url('../img/section-header.png');
	color:#FFF;
	font-size:1.5em;
	padding:7px 0 0 15px;
	background-repeat:no-repeat;
}
.section-mid
{
	background-image:url('../img/section-mid.png');
	width:754px;
}
.section-footer
{
	background-image:url('../img/section-footer.png');	
}

.input-fields li
{
	list-style-type:none;
	vertical-align:top;
}

.input-fields li label
{
	width:150px;
	font-weight:bold;
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
}


.input-fields li input
{
	width:300px;
}

.input-fields li textarea
{
	width:500px;
	height:200px;
}

.page_table
{
	width:100%;
	
}

.page_table .row_header
{
		
}

.page_table .row_header .row_header_cell
{
	height:30px;
	text-align:left;
	border:1px solid #CCC;
	border-left:none;
	padding-top:5px;
}

.page_table .row_header .row_header_cell a
{
	display:block;
	height:100%;
	background-image:url('../img/table-back.jpg');
	text-decoration:none;
	padding-left:15px;
	color:#333;
	
}

.page_table .row_header .row_header_cell a:hover
{
	background-image:url('../img/table-back-on.jpg');
}

.page_table .row
{
	cursor:pointer;	
}

.page_table .row .row_cell
{
	border:1px solid #CCC;
	border-left:none;
	border-top:none;
	height:30px;
	vertical-align:middle;
	/*padding-left:15px;*/
	padding:5px;
	padding-left:15px;
}

.page_table span
{
	float:left;
	margin-top:10px;
}

.event_table th
{
	padding:5px;
}

.event_table td
{
	padding:5px;
	text-align:center;
}

.event_table input
{
	width:80px;	
}

#sub_heading
{
	margin-top:-20px;
	font-size:0.8em;
	font-weight:bold;
	text-align:left;
	margin-left:30px;
}

#display-message
{
	border:1px solid #CCC;
	background-color:#EEE;
	text-align:center;
}

#message
{
	width:100%;
}

#warning-alert-login
{
	width:530px;
	height:90px;
	background-image:url('../img/login-error.png');
	background-repeat:no-repeat;
	vertical-align:middle;
	padding-left:70px;
	font-size:1.3em;
	color:#B94141;
	text-align:left;
	padding-top:23px;
}

.message-content
{
	width:90%;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	margin-top:10px;
}

.message-content .user-pic
{
	width:150px;
	float:left;
	margin-right:10px;
}

.message-content .user-pic img
{
	width:150px;
	margin-bottom:10px;
}

.message-content .message-inner-content
{
	float:right;
	text-align:left;
	width:600px;
}

.list-item li
{
	list-style-type:none;
	vertical-align:top;
}

.list-item li label
{
	width:75px;
	font-weight:bold;
	display:block;
	float:left;
	padding-right:5px;
}

.list-item-dialog li
{
	list-style-type:none;
	vertical-align:top;
}

.list-item-dialog li label
{
	width:150px;
	font-weight:bold;
	display:block;
	float:left;
	padding-right:5px;
}