/* STYLESHEET FTW */
body {
    /* background-image: url(../images/bg_gradient.png);
    background-repeat: repeat-x; */
    background-color: #f4f4f4;
    font-family: sans-serif;
    margin : 10px;
}
table {
    border-collapse: collapse;
    border-color: #aeaeae;
    color: #727272;
}
.user td{
    border-color: #BBBBBB;
    border-width: 1px;
    border-style: solid;
    padding: 4px;
    text-align: center;
}
.info td{
    padding: 4px;
    border-color: #BBBBBB;
    border-width: 1px;
    border-style: solid;        
}
.user img{
    border-color: #BBBBBB;
    border-width: 1px;
    border-style: solid;
}
.main {
    background-image: url(../images/bg_gradient.png);
    background-repeat: repeat-x;
    border-color: #BBBBBB;
    border-style: solid;
    border-width: 1px;
    width: 1000px;
    text-align: left;
    background-color: #FFFFFF;
}
.box {
    margin:10px;
    background-color:#FFFFFF;
    border: 1px solid #CCCCCC;
    width: 978px;
}
.content {
    margin: 5px;    
}
.popup {
    padding: 3px;
    width: 899px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    background-color: #E8EBF0;
    margin-left: 20px;
    border-top-width: 0px;
}
.topic {
    padding: 2px;
    width: 900px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    margin-left: 20px;
    font-family: sans-serif;
    font-size: 15px;
    color: #697ea0;
}
.boxheader {
    background-color: #E8EBF0;
    border-bottom-color: #CCCCCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-family: sans-serif;
    padding: 3px;
}
.login {
    float: right;
    padding: 20px;
    font-family: sans-serif;
    color: #999;
}
.right {
    float: right;
}
.left {
    float: left;
}
.logo {
    float: left;    
}
.list {
    width: 700px;
    padding: 5px;
    margin: 5px;
}
input {
    border-color: #aeaeae;
    border-style: solid;
    border-width: 1px;
}
/* TABS */
#menu { 
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #000000;
}


body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6,
#menu #subnav-7{
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6,
body.section-7 #menu ul#subnav-7{
	display : inline;
	left : 10px;
	position : absolute;
	top : 95px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a,
body.section-6 #menu ul#subnav-6 a,
body.section-7 #menu ul#subnav-7 a{
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}
 #menu ul a:hover {
	color : #f00 !important;
}

#contents {
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;
}

/*---Calendar---*/
#calendar
{
font-family:verdana;
font-size:14px;
border:1px #CCCCCC solid;
width:850px;
table-layout:fixed;
}

#calendar a
{
    text-decoration: none;
    color: #666666;
    font-weight: bold;
    font-size: large;
}

#calendar td
{
/*text-align:center;*/
}

.today
{
border:1px #999999 solid;
background-color:#E8EBF0;
color:#666666;
}

.days
{
border:1px #999999 solid;
background-color:white;
}

.job
{
    border: 1px #999999 solid;
    background-color: #E8EBF0;
}

.datenum
{
    text-decoration: none;
    color: #666666;
    font-weight: bold;
    font-size: large;    
}