body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 1px 2px 2px 2px;
	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: 5px 10px 0px 10px;
}

#top_menu {
	background: #ffffff;
	background-image: url(../images/top_menu.gif);
	height: 35px;
	text-align: right;
	margin: 0px 10px 0px 10px;
	padding: 5px 20px 0px 0px;
}

#top_menu a {
	text-decoration:none;
	color: #ffffff;
}

#top_menu a:hover {
	text-decoration:underline;
	color: #FF0000;
}

#top_menu_loginid {
	color: #0000FF;
	font-weight: bold;
	font-size: 80%;
}


/*------------------------------------- Footer -----------------------------------*/
#footer {
	font-size: 80%;
	clear: both;
	padding: 10px;
	text-align: center;
	margin: 5px 5px 5px 5px;
	color: #888888;
}

#footer a {
	color: #ff0000;
	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: 970px;
	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}



/*------------------------------- Left menu -------------------------------*/
#left_menu {
	float:left;
	width: 200px;
	margin-top: -15px;
}

#left_menu ol ul {
	margin-left:0px;
}

.leftmenuframe {
	border-color:#FDBDA3;
	border-style: solid;
	border-width:2px;
	background-image: url(../images/bg_left_menu.gif);
	width:180px;
	margin-left:5px;
}

#left_menu a img {
	margin-bottom: -6px;
	margin-right: 3px;
}

a img {
	border: none;
}

.leftmenutitle {
	text-align:left;
	font-size: 120%;
	font-weight: bold;
	color: #888888;
	padding:2px 2px 2px 5px;
	background-image: url(../images/bg_left_menu.gif);
	/*background-color: #FDBDA3;*/
}

.leftmenuitem {
	background-color: #FDDFC5;
	text-align:left;
	font-weight: bold;
	padding:2px 2px 5px 5px;
}

.leftmenuitem a {
	text-decoration: none;
}

.leftmenuitem a:hover {
	color: #FF0000;
}

.leftmenuitem a {
	text-decoration: none;
	color: #0000ff;
}


.leftmenulast {
	border-bottom-style: solid;
	border-width:1px;
	border-color:#FDBDA3;
	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;
}

img.corner {
   width: 6px;
   height: 6px;
   border: none;
   display: block !important;
}


/*------------------------------ Content -------------------------------*/
#right_content {
	width: 770px;
	float: right;
	margin-top: -0px;
	margin-bottom: 10px;
}

#page_title {
	font-size: 200%;
	font-weight: bold;
	padding-top: 10px;
	color: #F99E00;
}

.title_hr {
	margin-top: 0px;
	*margin-top: -25px;
}

#divReturn a {
	text-decoration: none;
}

#divReturn a:hover {
	color: #ff0000;
}

#divReturn {
	text-align:right;
	width:98%;
	margin-top: 0px;
	*margin-top: -30px;
	margin-bottom: 5px;
	*margin-bottom: 15px;
}

.content {
	margin-top:10px;
	*margin-top:-20px;
	position: relative;
}

.mainmenuframe {
	border-color:#2F7DB9;
	border-style: solid;
	border-width:2px;
	background-image: url(../images/bg_bluebox.gif);
	width:220px;
	margin-bottom: 20px;

}

.mainmenutitle {
	text-align:center;
	font-size: 160%;
	font-weight: bold;
	color: #ffffff;
	padding-left: 5px;
}

.mainmenuitem {
	text-align:left;
	font-size: 140%;
	font-weight: bold;
	padding:2px 2px 5px 20px;
}

.mainmenuitem a img {
	border: none;
	margin-bottom: -3px;
}

.mainmenuitem a:hover{
	color: #ff0000;
}

.mainmenuitem a {
	text-decoration: none;
}



/*-------------------------------- Components -----------------------------------*/
.databluebox {
	background-color: #658BFD;
	border-color:#658BFD;
	border-style: solid;
	border-width:2px;
}

.databluebox .datablueboxheader {
	background-color: #658BFD;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 5px 5px;
}

.databluebox .datablueboxcontent {
	background-color: #FFFFAA;
	padding: 0px 0px 0px 0px;
}


.datagreenbox {
	background-color: #80D36B;
	border-color:#80D36B;
	border-style: solid;
	border-width:2px;
}

.datagreenbox .datagreenboxheader {
	background-color: #80D36B;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 5px 5px;
}

.datagreenbox .datagreenboxcontent {
	background-color: #FFFFAA;
	padding: 0px 0px 0px 0px;
}


.datagraybox {
	background-color: #888888;
	border-color:#888888;
	border-style: solid;
	border-width:2px;
}

.datagraybox .datagrayboxheader {
	background-color: #888888;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 5px 5px;
}

.datagraybox .datagrayboxcontent {
	background-color: #DDDDDD;
	padding: 0px 0px 0px 0px;
}

.databluebox {
	background-color: #658BFD;
	border-color:#658BFD;
	border-style: solid;
	border-width:2px;
}

.databluebox .blueboxheader {
	background-color: #658BFD;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 0px 5px;


}
.databluebox .blueboxcontent {
	background-color: #FFFFAA;
	padding: 0px 0px 0px 0px;
}

.greenboxcell1 {
	background-color: #FFFFAA;
	padding: 3px 0px 3px 3px;
}

.greenboxcell2 {
	background-color: #FFFFFF;
	padding: 3px 0px 3px 3px;
}

.sec_title_green {
	font-weight: bold;
	font-size: 120%;
	color: #00AA00;
	padding: 3px 0px 3px 3px;
}

.sec_title_blue{
	font-weight: bold;
	font-size: 100%;
	color: #0000AA;
	padding: 3px 0px 3px 3px;
	margin-top:8px;
}

.highlight {
	background-color: #FF8888;
}

.comment {
	color: #666666;
	font-size: 0.8em;
}

.comment_link {
	color: #0000FF;
	font-size: 0.8em;
}

a:hover.comment_link{
	color: #FF0000;
	font-size: 0.8em;
}

.caution {
	width:32em;
	*width:32em;
	position:relative;
	margin: 30px 0px 10px 5px;
	float:right;
}

.cautionhandle {
	color:#ffffff;
	background-color:#9DB0FE;
	font-size:120%;
	font-weight:bold;
}

.navigator {
	float: left;
	margin: 10px 10px 10px 10px;
	*margin: 10px 10px 10px 5px;
	width: 20em;
}

.boxRemind {
	border: 1px solid #ff0000;
	background-color: #FFD299;
	font-size:1em;
	font-weight: bold;
	color: #ff0000;
	line-height: 1.5em;
	padding: 3px 3px 3px 3px;
}

.greenEmp {
	color: #33AA33;
	font-weight: bold;
}

.blueEmp {
	color: #0000FF;
	font-weight: bold;
}

.redEmp {
	color: #AA3333;
	font-weight: bold;
}

.greenText {
	color: #33AA33;
}

.blueText {
	color: #0000FF;
}

.redText {
	color: #AA3333;
}

.dlgSectionTitle {	/* Section title of modal dialogs */
	font-size:1em;
	color: #FF0000;
	font-weight: bold;
}

.dlgInformationBlue {	/* Green information on modal dialogs */
	font-size:1em;
	color: #0000FF;
	font-weight: bold;
}

.dlgInformationGreen {	/* Green information on modal dialogs */
	font-size:1em;
	color: #55AA55;
	font-weight: bold;
}

.dlgInformationGray {	/* Red information on modal dialogs */
	font-size:1em;
	color: #888888;
	font-weight: bold;
}

.dlgInformationRed {	/* Red information on modal dialogs */
	font-size:1em;
	color: #FF0000;
	font-weight: bold;
}

.dlgInformationDarkRed {	/* Red information on modal dialogs */

	font-size:1em;
	color: #AA3333;
	font-weight: bold;
}

.dlgAction {
	font-weight: bold;
}

.dlgAction a {
	text-decoration: none;
	color: #0000FF;
}

.dlgAction a:hover {
	color: #FF0000;
}

.inputbox {
	border: 1px solid #BFBFBF;
	font-family: Tahoma ,Verdana, Arial,Helvetica, sans-serif;
	font-size: 1em;
	color: #372D72;
	background-color: #F0F8FF; /*#D7E5F2*/
}

.question {					/* Format a question in enquete viewer */
	width:365px;
	text-align:left;
	margin:10px 0px 5px 10px;
	cursor:move;
}

/* ---------------------------------------- Styles for calendar ------------------------------------------ */
.calToday_desc {
	border:1px solid #000000;
	color: #3333FF;
    width: 25px;
	height: 20px;
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}

.yui-skin-sam .yui-calendar td.calcell.calHoliday, .yui-skin-sam .yui-calendar td.calHoliday {
    color: #777777;
    background-color: #ffaaaa;
    text-decoration:none;
    cursor: default;
}

.calHoliday_desc {
    color: #777777;
    background-color: #ffaaaa;
    border: 1px solid #AAAAAA;
    width: 25px;
	height: 20px;
	padding-left: 2px;
	padding-top: 2px;
    font:100% arial;
}

.calSelect_desc {
	background-color:#b3d4ff;
	color:#000;
	border: 1px solid #AAAAAA;
    width: 25px;
	height: 20px;
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}

.calUnavail_desc {
	color: #AAAAAA;
	border: 1px solid #AAAAAA;
    width: 25px;
	height: 20px;
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}

.calAvail_desc {
	background-color:#FFFFFF;
	color: #3333FF;
	border: 1px solid #AAAAAA;
    width: 25px;
	height: 20px;
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}

.yui-skin-sam .yui-calendar td.calcell.calFull{background-color:#FFFF55;}

.calFull_desc {
	background-color:#FFFF55;
	border: 1px solid #AAAAAA;
    width: 25px;
	height: 20px;
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}

.yui-skin-sam .yui-calendar td.calcell.calRsv{background-color:#BAFCA9;}

.calRsv_desc {
	background-color:#BAFCA9;;
	border: 1px solid #AAAAAA;
    width: 25px;
	height: 20px;
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}

.dotlinelightblue {
	background: url(../images/dot_lightblue.gif) left top repeat-x;
	height: 1px;
	padding-bottom: 15px;
	margin-top: 10px;
}

.dotlinegreen {
	background: url(../images/dot_green.gif) left top repeat-x;
	height: 1px;
	padding-bottom: 15px;
	margin-top: 10px;
}

.dotlineblue {
	background: url(../images/dot_blue.gif) left top repeat-x;
	height: 1px;
	padding-bottom: 15px;
	margin-top: 10px;
}

.dotlinegray {
	background: url(../images/dot_gray.gif) left top repeat-x;
	height: 1px;
	padding-bottom: 15px;
	margin-top: 10px;
}

.dotlinered {
	background: url(../images/dot_red.gif) left top repeat-x;
	height: 1px;
	padding-bottom: 15px;
	margin-top: 10px;
}


.bluebox {
	background-image: url(../images/blue.jpg);
	background-repeat: repeat-x;
	background-color: #EDF7FA;
	border: 1px solid #8DCCD5;
}

.blueboxheader {
	font-weight: bold;
	font-size: 140%;
	padding-left: 10px;
	text-align:left;
	margin-bottom:10px;
	color: #176CC3;
}

.blueboxheader img {
	margin-bottom: -7px;
}


.greenbox {
	background-image: url(../images/green.jpg);
	background-repeat: repeat-x;
	background-color: #E8FFE8;
	border: 1px solid #7EE079;
}

.greenboxheader {
	font-weight: bold;
	font-size: 140%;
	padding-left: 10px;
	text-align:left;
	margin-bottom:10px;
	color: #367A3F;
}

.greenboxheader img {
	margin-bottom: -7px;
}


.purplebox {
	background-image: url(../images/purple.jpg);
	background-repeat: repeat-x;
	background-color: #FAE8FF;
	border: 1px solid #C577F7;
}

.purpleboxheader {
	font-weight: bold;
	font-size: 140%;
	padding-left: 10px;
	text-align:left;
	margin-bottom:10px;
	color: #5F367A;
}

.purpleboxheader img {
	margin-bottom: -7px;
}


.yellowbox {
	background-image: url(../images/yellow.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFDD;
	border: 1px solid #FFD409;
}

.yellowboxheader {
	font-weight: bold;
	font-size: 140%;
	padding-left: 10px;
	text-align:left;
	margin-bottom:10px;
	color: #FD8900;
}

.yellowboxheader img {
	margin-bottom: -7px;
}

.graybox {
	background-image: url(../images/gray.jpg);
	background-repeat: repeat-x;
	background-color: #ECECEC;
	border: 1px solid #555555;
}

.grayboxheader {
	font-weight: bold;
	font-size: 140%;
	padding-left: 10px;
	text-align:left;
	margin-bottom:10px;
	color: #0000DD;
}

.grayboxheader img {
	margin-bottom: -7px;
}


.toolbox {
	border:1px solid #888888;
	background-color: #dddddd;
}

.toolboxEmp {
	border:2px dashed #000000;
	background-color: #dddddd;
}

.pseudotextbox {
	border:1px solid #888888;
	background-color: #dddddd;
}


.pseudoanswer {
	cursor: move;
	width: 200px;
}

.pseudoanswerEmp {
	cursor: move;
	height: 28px;
	width: 200px;
	border: 1px dashed #888888;
}

.loading_box {
	background: url(../images/loading_bg.gif) 0 0 no-repeat;
}

.clear_img_border a img {
	border: none;
}

.title_bar_blue {
	background-color: #517bf1;
	border: 1px solid #005cdd;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
}

.title_bar_gray {
	background-color:#aaaaaa;
	border:1px solid #888888;
	font-size: 1em;
	font-weight: bold;
	color:#ffffff;
}

/*--------------------------- Classic Rounded-corner table ---------------------------*/
.tbhead {
	color: #0002FF;
	font: normal 14px auto Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

.tborder	 {
	   background-color: #CCCCCC; /* background color of table. Old color: #cbd8e3*/
}

.td4 {
	font: normal 12px auto Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #F6FFFF; /*#F6FFFF;*/
}

.td6 {
    font: normal 12px auto Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: 30px;
	background-color: #FFFFFF;
}