body{font-family:verdana, sans-serif;
font-size:12px;}

h1{color:#333333;
font-size:17px;}

textarea {
resize: none;
} 

p{color:#333333;}

/*******************
 * page bg     *
 *******************/
.bg{margin:auto;
width:1100px;}
img{border:none;}

/*******************
 * page menu     *
 *******************/
.head{background-repeat:no-repeat;
height:150px;
float:left;
width:1100px}

.logo{display:block;
margin-top:60px;}

.logo img{border:none;}

/*******************
 * page menu     *
 *******************/
.menu{background-image: url(../images/menu_bg.png);
background-repeat:no-repeat;
height:50px;
float:left;
width:1100px}

.menu ul{list-style:none;
margin-left:-35px;
margin-top:10px;}

.menu li{float:left;
padding-left:15px;
padding-right:15px;
padding-top:4px;
padding-bottom:4px;
height:px;
border-left:1px #CCCCCC solid;}

.menu li a{display:block;
text-decoration:none;
color:#666666;
font-size:13px;
font-weight:900;
}
.menu li ul {
	position: absolute;
	visibility:hidden;
	margin-left:-55px;
	margin-top:5px;
	bacground-color:#ccc;
}
.menu li ul li{background:#E7E7E7 !important;
border-bottom:#ffffff 2px solid;
border-left:#ffffff 2px solid;
padding-top:10px;
border:1px #CCCCCC solid;
border-top:none;
float:none;
}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul{
	visibility:visible;
}
.menu li:hover ul ul, .menu li:hover ul ul ul{
	visibility:hidden;
}

.menu ul li:first-child{border-left:none}

.menu li a:hover{color:#0099FF}

/*******************
 * page main     *
 *******************/
.main{
padding:15px;
float:left;
margin-top:-15px;
width:817px}

/*******************************
 * page mainWithoutSidebar     *
 ******************************/

.mainWithoutSidebar{
padding:15px;
float:left;
margin-top:-15px;
width:1070px
}

/*******************
 * page sidebar     *
 *******************/
 
.sidebar{float:left;
width:235px;
padding-left:15px;
}

.sidebar h2{ 
background-image: url(../images/sidebar_bg.png);
background-repeat:no-repeat;
font-size:16px;
color:#FFFFFF;
padding-left:20px;
padding-top:8px;
padding-bottom:15px;
margin-top:0px;
margin-left:-15px;
margin-bottom:-10px;
}

.sidebar p{width:230px;}


/*******************
 * page foot     *
 *******************/
.foot{background-image: url(../images/menu_bg.png);
height:50px;
float:left;
width:1100px}

/*******************
 * page table     *
 *******************/
table{
color:#336699;
text-align:left;
border-collapse:auto;

}	 
td{padding:0px;
padding-right:10px;
padding-left:10px;
min-width:100px;
text-align:right;
white-space:nowrap;
border-bottom:1px #ccc solid;
}



td a{color:#336699;
text-decoration:none;}

th a{text-decoration:none;}

.bigTd{width:100%;
text-align:right;
padding-right:10px}

th{border-bottom:2px #006699 solid;
padding:12px;
padding-right:15px;
text-align:center;
font-size:12px;
white-space:nowrap;
padding-left:0px;}

tr:hover{color:#000033;}

.trRecord:hover{background-color:#ebfbf8}

.scrollable{height:500px;
overflow:hidden;
overflow-y:auto;
}
.scrollable tr{
	height:30px !important;
}


/*******************
 * settingsView     *
 *******************/
.settingsView{width:150px;
background:#fff;
padding:10px;
float:left;
margin-left:150px;
position:absolute;
white-space:normal;
border:#ccc 2px solid;}


/*******************
 *reportsInFileFilter *
 *******************/
#reportsInFileFilter {display:none;}
 
#reportsInFileFilter legend{font-weight:900}

/*******************
 *filterOn *
 *******************/
 
 .filterOn {font-weight:900;
 color:#339900}
 
 /*******************
 *filterBtn *
 *******************/
 .filterBtn{background-image: url(../images/btn.png);
 background-repeat:no-repeat;
 background-color:#fff;
 color:#666;
 cursor:pointer;
 width:85px;
 padding:3px;
 border:none;}
 
 a.filterBtn {padding:5px;
 text-decoration:none;}
 
 /*******************
 *filterOff *
 *******************/
 
 .filterOff {font-weight:900;
 color:#cc3300}

 /*******************
 * colorPalete     *
 *******************/

.colorPalette{
width:75px;
background:#fff;
padding:1px;
float:left;
margin-left:-110px;
position:absolute;
border:#333 2px solid;
	
}

.colorPalette div{float:left}

/*******************
 * colorPicker     *
 *******************/

.colorPicker{cursor:pointer}

/*******************
 * writeNote     *
 *******************/

.writeNote{cursor:pointer}

/*******************
 * chartMenu     *
 *******************/
.chartMenu{text-align:left;
padding-bottom:10px;}

/*************************************
*************paging*****
**************************************/

.paging{width:100%;
display:block;
margin:5px;
clear:left;
height:30px;}

.paging a{padding:5px;
text-decoration:none;
display:block;
float:left;
color:#333;
margin-top:10px;
border:1px solid #ccc;
border-left:none;}

.paging a:first-child{
border-left:1px solid #ccc;
}

.pagingActualList{color:#0099FF !important;}

/*******************
 * chart     *
 *******************/
 
 .chart{cursor:pointer}

/*******************
 * boxy     *
 *******************/

.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }
.boxy-wrapper td{border:none !important;
			    min-width:10px !important;}
  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('../boxy/images/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('../boxy/images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('../boxy/images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('../boxy/images/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../boxy/images/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../boxy/images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../boxy/images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../boxy/images/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; text-align:center }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }