body {
    margin:0 auto;
	padding:0;
	background: #fff url('../images/bg2.gif') top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	border-top:1px solid #369;
}

p { margin:0 0 20px 0; line-height:1.5em; }
ul{ margin: 0 0 15px 25px; padding:0; line-height:1.5em; }
li { margin:0; padding:0; }
a { color:#06c; text-decoration:underline; font-weight:normal; }
a:hover { text-decoration:underline; color:#39f; }
a.action { color:#f00; }
img { border:none; }
form { margin:0 auto; padding:0px; }
textarea { font-family:arial, helectiva, sans-serif; font-size:9pt; }
h1 { margin:0 0 15px 0; padding-bottom:5px; letter-spacing:-0.03em; }
h2 { margin:0 0 5px 0; padding:0px; color:#369; font-size:14px; }
h2 span { color:#ccc; }
h3 { font-size:12px; background:#036 url('../images/box280_header.gif') top left no-repeat; color:#fff; margin:0; padding:7px 10px; }
h4 { font-size:12px; background:#036 url('../images/box960_header.gif') top left no-repeat; color:#fff; margin:0; padding:7px 10px; }


#division-header {
	margin:0;
	padding:0;
	background: #69c url('../images/bg_division_header.gif') top left repeat-x;
	height:60px;
	/*width:840px;*/
}
#nav {
	margin:0;
	padding:20px 0px 0 0px;
	/*width:355px;*/
	width:400px;
	float:right;
	color:#9cf;
	height:40px;
}
#nav a {
    float:right;
	text-decoration:none;
	font-weight:normal;
	color:#def;
	margin:0 2px 0 0;
	padding:4px 0 0 0;
	width:57px;
	text-align:center;
	height:36px;
	background:url('../images/bg_nav_a.gif') top left no-repeat;
}
#nav a:hover {
	text-decoration:underline;
}

#header {
	margin:0;
	padding:0;
	/*background:#036 url('../images/bg_header.gif') top left repeat-x;*/
	/*width:840px;*/
	height:80px;
}
#header p {
	margin:0;
	padding:20px 0px 0 0;
	float:right;
	color:#fff;
	height:20px;
}
/*#header p a { float:left; font-size:10px; background:url('../images/bg_auth.gif') bottom left no-repeat; color:#ffc; font-weight:bold; text-decoration:none; width:60px; padding:2px 0 5px 0; margin:2px 0 0 2px; text-align:center; }
#header p a:hover { background:url('../images/bg_auth_on.gif') bottom left no-repeat; }*/
#header p a { color:#ffc; font-weight:normal; text-decoration:none; }
#header p a:hover { text-decoration:underline; }

#wrap {
    margin:0 auto;
    width:960px;
}

#menu {
	margin:0;
	padding:0;
	/*width:840px;*/
	list-style:none;
	height:33px;
}
#menu li {
	float:left;
    margin:0 4px 0 0;
	padding:0;
    list-style:none;
    /*background: url('../images/tab_left_corner.gif') top left no-repeat;*/
}
#menu li a {
	float:left;
	display:block;
    margin:0;
	padding:8px 0px 12px 0;
    color:#fff;
	text-decoration:none;
	background:url('../images/bg_menu.gif') top left no-repeat;
	font-weight:bold;
	font-size:9pt;
	height:13px;
	text-align:center;
	width:100px;
}

#menu li a:hover {
	color:#fff;
	background:url('../images/bg_menu_hover.gif') top left no-repeat;
}

body#home #menu li#home,
body#login #menu li#login,
body#dashboard #menu li#dashboard,
body#upload #menu li#upload,
body#plan #menu li#plan,
body#report #menu li#report,
body#learn #menu li#learn { background:url('../images/tab_left_corner_on.gif') top left no-repeat; }

body#home #menu li#home a,
body#login #menu li#login a,
body#dashboard #menu li#dashboard a,
body#upload #menu li#upload a,
body#plan #menu li#plan a,
body#report #menu li#report a,
body#learn #menu li#learn a { background:url('../images/tab_right_corner_on.gif') top right no-repeat; color:#369; }

#content { clear:both; margin:0 auto; padding:20px 0px 0 0px; }
#content-right { float:right; width: 280px; }
#content-left { margin: 0 320px 0 0; }

#box { background: url('../images/bg_box280.gif') bottom left no-repeat; padding:10px; margin:0 0 20px; }
#box ul { margin: 0 0 20px 25px; padding:0; }
#box h2 { margin:0 0 10px; font-size:12px; color:#000; }

/* Footer
----------------------------------------------------------------*/
#footer { margin:0 auto; padding: 5px 15px; color:#369; }
#footer p.left {
	margin:0 150px 0 0;
	padding:0;
	width:600px;
}
#footer a {  }
#footer a:hover { }
#footer p.right {
	float:right;
	margin:0;
	padding:0;
	width:100px;
	text-align:right;
}
#division-footer-wrap { margin:0 auto; padding:0; height:130px; background:url('../images/bg_footer.gif') top left repeat-x; }
#division-footer { margin:0 auto; padding-top:40px; color:#999; font-size:11px; width:980px; }
#division-footer p.left { margin:0; padding:0; width:500px; line-height:1.3em; }
#division-footer p.right { margin:0; padding:0; float:right; width:250px; text-align:right; }


#error {
    margin:0 0 20px 0;
    padding:0;
    border:2px solid #c00;
    background:#fee;
}
#error h2 {
    margin:0;
    padding:5px 10px;
    background:#c00;
    color:#fff;
    font-weight:bold;
    font-size:12px;
}
#error ul {
    padding:10px 10px 1px;
}

#message {
    margin:0 0 20px;
    padding:10px;
    background:#ffc;
    border:1px solid #cc9;
}

.upload { margin:0; padding:0px; background:#eee; }
.upload th { padding:7px 10px; background: #369 url('../images/bg_table_heading.gif') top left; color:#fff; text-align:left; }
.upload td { margin:0; padding:10px; border-bottom:1px solid #fff; }

.review { margin:0 0 20px 0; width:100%; }
.review th { padding:7px 10px; background: #369 url('../images/bg_table_heading.gif') top left; color:#fff; text-align:left; }
.review tr { padding-bottom:5px; }
.review tr.note { background:#ffc; }
.review tr.note td { border:none; border-top:1px solid #ccc; background:url('../images/note_tick.png') top left no-repeat; }
.review td { padding:5px 10px; border-bottom:1px solid #ccc; background:#eee; }
.review td.noline { border:none; }

.checklist { margin:0 0 20px 0; width:100%; }
.checklist th { padding:7px 10px; background: #369 url('../images/bg_table_heading.gif') top left; color:#fff; text-align:left; }
.checklist tr { padding-bottom:5px; }
.checklist tr.note { background:#ffc; }
.checklist tr.note td { border:none; border-top:1px solid #ccc; background:url('../images/note_tick.png') top left no-repeat; }
.checklist td { padding:5px 10px; border-bottom:1px solid #ccc; }
.checklist td.noline { border:none; }

.table { margin:0 0 20px 0; width:100%; }
.table th.heading { padding:7px 10px; background: #369 url('../images/bg_table_heading.gif') top left; color:#fff; }
.table th { padding:5px 10px; background:#eee; text-align:left; border-bottom:1px solid #ccc; }
.table td { padding:5px 10px; border-bottom:1px solid #ccc; }
.table tr:hover { background:#ffc; }

form.filter { background:#eee; padding:10px; border:1px solid #ccc; margin:0 0 20px; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

/* Table sorter */

/* tables */
table.sortable {
	font-family:arial;
	background-color: #CDCDCD;
	margin:0px 0pt 20px;
	font-size: 9pt;
	width: 100%;
	text-align: left;
}
table.sortable thead tr th, table.sortable tfoot tr th {
	background-color: #eeeeee;
	font-size: 9pt;
	padding: 7px 10px;
    border-bottom:1px solid #ccc;
    cursor: pointer;
}

table.sortable tbody td {
	color: #3D3D3D;
	padding: 5px 10px;
	background-color: #FFF;
	vertical-align: top;
    border-bottom:1px solid #ccc;
}
table.sortable tbody tr.odd td {
	background-color:#F0F0F6;
}

table.sortable tbody tr:hover td {
    background:#ffc;
}