html, body { 
margin : 0;
padding : 0;
padding : 0;
margin-bottom : 1em;
font : small arial !important;
height : 1000px;
} 

/* for test */
.panel {
	clear: both;
	display: none;
	border: 0px;
	padding: 0px;
}

.panel.active-tab {
	border: 0px;
	border-top: 0px;
	padding-top: 0px;

}

.panel.active-tab-body {
	
	display: block;
}

.validation-advice { 
margin : 1px 0;
padding : 1px;
background-color : #ff3300;
color : #fff;
} 

input.validation-failed, textarea.validation-failed { 
color : #ff3300;
} 
input.validation-passed, textarea.validation-passed { 
color : #000;
} 
#container { 
width : 98%;
text-align : left;
margin-left : auto;
margin-right : auto;
} 
#content { 
position : relative;
width : 100%;
display : block;
margin : 0;
padding : 0;
} 
#login { 
margin-left : 0;
margin-right : 0;
border-bottom : 0;
padding-top : 0;
padding-left : 0;
} 
#content img { 
padding : 1px;
display : inline;
background : #cccccc;
color : #303030;
border : 4px solid #f0f0f0;
} 
a { 
text-decoration : none;
color : #286ea0;
} 
a:hover { 
text-decoration : underline;
color : #ea672e;
} 
a img { 
border : 0;
} 
#menubar { 
padding-top : 8px;
margin-bottom : 8px;
background : #ffffff url("../images/bg_menu2.jpg") repeat-x;
height : 40px;
width : 740px;
} 
#menu { 
padding-top : 1px;
padding-bottom : 1px;
} 
#menu ul { 
margin : 0;
list-style-type : none;
color : #fff;
width : 100%;
text-align : center;
} 
#menu li { 
display : inline;
} 
#menu.first a { 
padding-left : 0;
background : none;
} 
#menu a { 
border-left : 0 solid #b4b4b4;
display : inline;
font-weight : bold;
font-family : arial, verdana, tahoma, sans-serif;
font-size : 0.7em;
letter-spacing : 0.1em;
padding : 0.2em 1em;
color : #286ea0;
text-transform : uppercase;
text-decoration : none;
} 
#menu a:hover { 
color : #ea672e;
text-decoration : underline;
} 
#menu li.selected { 
display : block;
width : auto;
padding : 2px 7px;
background : #ffffff;
color : #000000;
border-bottom : 1px solid #ffffff;
} 
#menu br { 
clear : both;
} 
#table .header { 
font-size : 2em;
} 
#table .subHeader { 
font-size : 1.4em;
} 
#table .title { 
font-size : 1.1em;
border-top-width : 0;
border-right-width : 1px;
border-bottom-width : 2px;
border-left-width : 1px;
padding-bottom : 2px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #7cb5d4;
border-right-color : #cccccc;
border-bottom-color : #cccccc;
border-left-color : #cccccc;
background-color : #73b7ff;
} 
#table .tbody { 
background : #123123;
} 
#table .td { 
background : #eeeeee;
} 
#table .step { 
font-size : 2em;
color : #ea672e;
} 
#contentTable { 
background-color : #ffffff;
padding-top : 0;
padding-left : 0;
font-family : Tahoma;
border-top-width : 0;
border-right-width : 0;
border-bottom-width : 0;
border-left-width : 0;
padding-bottom : 0;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #7cb5d4;
border-right-color : #cccccc;
border-bottom-color : #cccccc;
border-left-color : #cccccc;
padding-right : 0;
} 
form { 
margin : 0;
} 
fieldset { 
border : 1px solid #dedede;
color : #000000;
font-family : arial, verdana, tahoma, sans-serif;
font-size : 1em;
padding-bottom : 0;
margin : 0;
} 
textarea, input, select { 
background : #ffffff;
color : #000000;
font-family : arial, verdana, tahoma, sans-serif;
font-size : 1em;
} 
input .submit { 
width : 90px;
margin-left : 4px;
} 
.checkbox, .radio { 
height : 20px;
width : 20px;
border : 1px solid #87b8eb;
} 
.submit { 
width : 90px;
margin-left : 4px;
} 
.list_action_button a img { 
border : 0;
padding : 0;
} 
.field { 
border : 1px solid #00a8e6;
} 
.field .field { 
margin : 1em 0 0 0;
} 
.field label { 
font-size : 100%;
font-weight : bold;
} 
.formHelp { 
font-size : 1em;
color : #76797c;
margin : 0 0 0.2em 0;
} 
.formHelp a { 
text-decoration : underline;
} 
.formHelp:hover { 
color : black;
cursor : default;
} 
fieldset { 
border : 1px solid #8cacbb;
margin : 1em 0 1em 0;
padding : 0 1em 1em 1em;
line-height : 1.5em;
width : auto;
} 
.inputField { 
width : 96%;
margin-left : auto;
margin-right : auto;
background-color : #fcfcff;
border : 1px solid #dedede;
} 
.buttons { 
width : 80px;
margin-left : 10px;
margin-right : 10px;
text-align : center;
padding-top : 0;
font-weight : bold;
} 
#buttons { 
width : 80px;
margin-left : 10px;
margin-right : 10px;
text-align : center;
padding-top : 0;
font-weight : bold;
} 
.inputField input { 
width : 100%;
} 
input.required, textarea.required { 
border : 1px solid #87b8eb;
} 
input.orginal, textarea.orginal { 
border : 1px solid #87b8eb;
width : 100%;
} 
.inputField legend { 
font-weight : bold;
} 
.inputField .dateTime { 
width : 80%;
} 
.inputField .button, .inputField .radio { 
width : auto;
} 
.inputField .file { 
width : auto;
} 
.pager { 
float : left;
} 
.optionIcon { 
text-align : right;
font-size : 12px;
} 
.optionIcon a { 
text-decoration : none;
padding : 2px;
} 
#section_title { 
float : left;
width : 39%;
} 
#section_title h2 { 
color : #588bca;
font-weight : bold;
font-family : trebuchet ms, tahoma, sans-serif;
font-size : 1.5em;
letter-spacing : 0.08em;
margin : 0;
padding-left : 4px;
} 
#section_title_admin_mode h2 { 
color : red;
font-weight : bold;
font-family : trebuchet ms, tahoma, sans-serif;
font-size : 1.5em;
letter-spacing : 0.08em;
margin : 0;
padding-left : 4px;
} 
#navigation { 
float : right;
width : 60%;
text-align : right;
padding-top : 7px;
font-family : arial, verdana, tahoma, sans-serif;
font-size : 1em;
letter-spacing : 0.09em;
padding-right : 2px;
} 
#navigation a { 
color : #000000;
text-decoration : none;
} 
#navigation a:hover { 
color : #5583be;
text-decoration : none;
} 
#list_nav_bar { 
margin-left : auto;
margin-right : auto;
width : 98%;
background-color : #f3f1ff;
padding-bottom : 4px;
padding-left : 4px;
padding-right : 4px;
margin-bottom : 10px;
border : 0 solid #dedede;
} 
#list_nav_bar fieldset { 
border : 1px solid #dedede;
color : #000000;
font-family : arial, verdana, tahoma, sans-serif;
font-size : 1em;
padding : 0;
margin : 0;
height : 60px;
} 
#list_nav_select { 
float : left;
width : 100%;
text-align : center;
} 
#list_nav_search { 
float : left;
width : 30%;
text-align : center;
} 
.list_nav_option { 
float : left;
text-align : left;
padding : 0 4px 4px 4px;
margin-left : 5px;
} 
#list_nav_bar legend { 
font-family : trebuchet ms, tahoma, sans-serif;
font-size : 1.1em;
font-weight : bold;
letter-spacing : 0.08em;
} 
.col_highlighted { 
font-weight : bold;
} 
#error { 
color : #cc0000;
} 
#list_action_bar { 
margin-left : auto;
margin-right : auto;
width : 96%;
padding : 4px;
text-align : right;
margin-bottom : 10px;
} 
#checkResult { 
color : #ff0000;
} 
.calendarHeader { 
font-weight : bolder;
color : #000000;
} 
.calendarSundayHeader { 
font-weight : bolder;
color : #cc0000;
} 
.calendarToday { 
background-color : #c0c0c0;
} 
.calendarSelectedDay { 
background-color : #aacfea;
border : 1px;
border-color : #aacfea;
} 
.calendarDetail { 
background-color : #ffffff;
border-color : #aacfea;
border : 1px;
width : 100%;
text-align : center;
} 
.calendarDetailHeader { 
background-color : #aacfea;
} 
.calendarDetailSundayHeader { 
background-color : #aacfea;
font-weight : bolder;
color : #cc0000;
} 
.cellDetail { 
background-color : #e0eef8;
} 
.block_space { 
margin-top : 5px;
} 
.block_header_space { 
margin-top : 10px;
} 
.block_header { 
font-size : 14px;
font-weight : bolder;
text-align : left;
letter-spacing : 0.1em;
color : #ffffff;
}