body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 8px;
	padding: 0px;
	background-image: url(../images/bg.gif);
}

/*--------------------------- Container ---------------------------*/
#container {
	width:990px;
	background-image: url(../images/bg_container.gif);
	margin-right: auto;
	margin-left: auto;
}


/*---------------------------- Header ----------------------------*/
#header {
	height: 80px;			
	background: #ffffff;
	margin: 0px 5px 0px 5px;
}

#top_menu {
	background: #eeeeee;
	text-align: right;
	margin: 0px 5px 0px 5px;
	padding: 2px;
	height:24px;
	border: 1px solid #aaa;
	border-top:none;
	position:relative;
	padding-top:6px;
}

#top_menu a {
	text-decoration:none;
}

#top_menu a:hover {
	text-decoration:underline;
	color: #FF0000;
}

#top_menu_loginid {
	color: #4f4f4f;
	font-weight: bold;	
	font-size: 100%;
	margin-right:15px;
}


/*------------------------------------- Footer -----------------------------------*/
#footer {
	font-size: 80%;
	clear: both;
	padding: 10px;
	text-align: center;
	margin: 5px 5px 5px 5px;
	color: #ccc;
}

#footer a {
	color: #fff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer #power {
	margin-top:5px;
}

#footer #power_common {
	background: #fff; 
	padding: 1px; 
	font-family: Verdana,Arial,Helvetica; 
	font-size: smaller; 
	font-variant: small-caps; 
	border: 1px solid #aaa;
}

#footer #power_left {
	color: #f8f8f8; 
	background: #c00; 
	padding: 0px 2px;
}

#footer #power_right {
	 color: #f8f8f8; 
	 background: #999; 
	 padding: 0px 10px 0px 2px;
}



/*------------------------------- Main --------------------------------*/
#main {
	width: 980px;
	background-color: #ffffff;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
}



/*------------------------------- Left menu -------------------------------*/
#left_menu {
	float:left;
	width: 160px;
	margin-top: -15px;
	margin-left:0px;
}

#left_menu ol ul { 
	margin-left:0px;
}

.leftmenuframe {
	border-color:#80D36B;
	border-style: solid;
	border-width:2px;
	background-image: url(../images/bg_left_menu.gif);
	width:160px;
	margin-left:2px;
}

a img {
	border: none;
	margin-bottom: -3px;
}

.leftmenutitle {
	text-align:left;
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	padding:2px 2px 2px 5px;
	background-image: url(../images/bg_left_menu.gif);
}

.leftmenuitem {
	background-color: #D8EED3;
	text-align:left;
	font-weight: bold;
	font-size:90%;
	padding:2px 2px 5px 5px;
}

.leftmenuitem a:hover {
	color: #FF0000;
}

.leftmenuitem a {
	text-decoration: none;
	color: #0000ff;
}



.leftmenulast {
	border-bottom-style: solid; 
	border-width:1px;
	border-color:#80D36B;
	padding-bottom: 15px;
}		

/*------------------------------ Rounded corner ---------------------------------*/
.roundtop { 
	background: url(../images/bg_container_rt.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/bg_container_rb.gif) no-repeat top right;
	text-align:left; 
}

img.corner {
   width: 6px;
   height: 6px;
   border: none;
   display: block !important;
}


/*------------------------------ Content -------------------------------*/
#right_content {
	width: 950px;
	float: right;
	margin-top: -15px;
	margin-bottom: 10px;
	margin-right:3px;
}

#page_title {
	font-size: 140%;
	font-weight: bold;
	color: #3e3e3e;
	text-align:center;
	width:450px;
	float:left;
	padding-left:200px;
	padding-top:4px;
}

.title_hr {
	margin-top: 0px;
	*margin-top: -25px;
}

.content {
	margin-top:10px;
	*margin-top:-20px;
	position: relative;
}

.inputbox {
	border: 1px solid #BFBFBF;
	font-family: Tahoma ,Verdana, Arial,Helvetica, sans-serif;
	font-size: 1em;
	color: #372D72;
	background-color: #F0F8FF; /*#D7E5F2*/
}

.fieldnamebox {
	border: 1px solid #BFBFBF;
	font-family: Tahoma ,Verdana, Arial,Helvetica, sans-serif;
	font-size: 1em;
	color: #372D72;
	text-align: right;
	background: #ffffcc url(../images/field_name_bg.gif) no-repeat scroll right center;
}

.readonly_field {
	border:none;
}

.fielddescbox {
	border: 1px solid #BFBFBF;
	font-family: Tahoma ,Verdana, Arial,Helvetica, sans-serif;
	font-size: 1em;
	color: #372D72;
	/*background-color: #dddddd;*/ 
	background: #ffffff url(../images/field_desc_bg.gif) no-repeat scroll left center;
}

.redstar {
	color: #ff0000;
	font-weight: bold;	
}


/*------------------------------------ Table border --------------------------------------*/
table.yelTab
{
color:#000000;
background-color:#ffffcc;
font-size: 100%;
padding:0px;
border-top: 1px solid #bbbbbb;
border-left: 1px solid #bbbbbb;
border-bottom: 0px solid #bbbbbb;
border-right: 0px solid #bbbbbb;
}

table.yelTab th, table.yelTab td 
{
padding-bottom:2px;
padding-left: 5px;
border-top: 0px solid #bbbbbb;
border-left: 0px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
line-height: 2em;
}

table td.yelTabCont 
{
	background-color:#ffffff;
}

table td.yelTabTool
{
	background-color:#dddddd;
}

table td.yelTabDelCell
{
	background-color:#aaaaaa;
	color: #888888;
}



/*------------------------------------ Edit field ----------------------------------*/
.dotlinegray {
	background: url(../images/dot_gray.gif) left top repeat-x;
	height: 1px;
	padding-bottom: 15px;
	margin-top: 10px;
}


.field_overview {
	background-color:#eeeeee;
	border: 1px solid #aaaaaa;
	padding:5px;
	width:470px;
}

.field_detail {
	background-color:#edf5ff;
	border: 1px solid #bbbbbb;
	margin-top:15px;
	padding:5px;
	width:470px;
}

.div_option {
	padding-top:15px;	
}

.option_text {
	width:170px;
	border:1px solid #aaaaaa;
}

.extension_text {
	width:90px;
	border:1px solid #aaaaaa;
	margin-top:2px;
}

.text_box {
	border:1px solid #aaaaaa;
}

.light_button a:hover {
	border: 1px solid #666666;
	text-decoration: none;
	color:#555555;
	background-image: url(../images/button.gif);
	padding:1px 6px 1px 6px;
	height:10px;
}

.light_button a {
	/*border: 1px solid #ffffff;*/
	text-decoration: none;
	color:#555555;
	padding:1px 6px 1px 6px;
	height:10px;
}

/*------------------------------------ Add field ----------------------------------*/
.add_page_title {
	font-weight:bold;
	font-size:1.2em;
	color:#ff5500;
	margin-bottom:3px;
	margin-top:20px;
}


.blue_table {
	border:1px solid #ccc;
	border-collapse:collapse;
}

.blue_table td {
	border:1px solid #ccc;	
	margin:0px;
	padding:2px 0;
}

.blue_table th {
	background: url(../images/bg_title.jpg) repeat-x;
	height: 25px;
	color:#000088;
}

.blue_table .blue_cell {
	background-color:#ccccff;
}
.blue_table .white_cell {
	background-color:#ffffff;
}