/*
colors
background: #ffffff
regular-text: #697483
h1: #3C495A
link-color: #5B7598
link-hilight: #3C495A
button-back: #DDE6F0
button-border: #5B7598
button-text: #5B7598
button-hover-back: #FF8080
button-hover-border: #5B7598
button-hover-text: #5B7598
note-color: #707070
thumb-back: #DDE6F0
thumb-border: #5B7598
*/


/* html elements */
html{height: 100%;}
body{background-color: #ffffff;background-image: url('images/top_grad.png');background-repeat: repeat-x;color: #697483;margin: 0px;
	font-family: verdana, Geneva, Tahoma, sans-serif;font-size: small;height: 100%;}
h1{color: #3C495A;}
a{color: #344358;text-decoration: none;}
a:hover{color: #3C495A; text-decoration: none;}
img{border: none;}

/* IDs */
#wrapper
{
    
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    
}

#container
{
    min-height: 100%;
    height: auto !important;
    width:100%;
}

#header
{
    height: 75px;
}
#top-left
{
   
    float: left;
    width: 40px;
    height: 75px;
    background-image: url('images/top-left.png');
    background-repeat: no-repeat;
}

#top-center
{
    float: left;
    width: 820px;
    height: 75px;
    background-image: url('images/top-center.png');
    background-repeat: repeat-x;

}

#top-right
{
    float: right;
    width: 40px;
    height: 75px;
    background-image: url('images/top-right.png');
    background-repeat: no-repeat;

}

#main
{
}

#left
{
    float: left;
    width: 19px;
    height:300px;
    background-image: url('images/leftside.png');
    background-repeat: no-repeat;
}

#center
{
    float: left;
    width: 862px;
    min-height: 300px;
    background-image: url('images/main-image.png');
    background-repeat: no-repeat;
}

#right
{
    float: right;
    width: 19px;
    height:300px;
    background-image: url('images/rightside.png');
    background-repeat: no-repeat;

}

#footer
{
    text-align: center;
    height:200px;
   /* background-image: url('images/bottom-grad.png');*/
    
}

#menu
{
    margin-top: 25px;
    height: 25px;
    font-size:larger;
    font-weight:bold;
}

.thumbImg
{
    max-width: 200px;
}

.thumb
{
    margin: 5px;
    border: 1px solid #5B7598;
    background-color: #DDE6F0;
    padding:5px;
    text-align: center;
}

.tdLeftBorder
{
    border-left: 1px solid #999999;
    padding-left: 5px;
}

.tableMain
{
    margin-top: auto;
    margin-bottom: auto;
    min-height: 300px;
    width: 100%;
}

.tableInfo
{
    
    
    padding-top: 5px;
    padding-bottom: 5px;
    
}

.projectInfo
{
    width: 400px;
    padding-top: 5px;
    padding-bottom: 5px;

}

.buttonInfo
{
    background-color: #DDE6F0;
    border: 1px solid #5B7598;
    color: #5B7598;
    height: 25px;
    cursor: pointer;
}
.buttonInfo:hover
{
    background-color: #E6EFF9;
    border: 1px solid #5B7598;
    color: #5B7598;
    height: 25px;
}

.primaryButton
{
    background-color: #7B92B0;
    border: 1px solid #5B7598;
    color: #DDE6F0;
    font-weight: bold;
    height: 25px;
    cursor: pointer;
}
.primaryButton:hover
{
    background-color: #98A9C0;
    border: 1px solid #5B7598;
    color: #DDE6F0;
    font-weight: bold;
    height: 25px;
    cursor: pointer;
}


.spanSmallInfo
{
    color: #707070;
    font-size: smaller;
}

.tdInfo
{
    min-height: 150px;
}

.errorTable
{
    border: 1px solid #CC3300;
    background-color: #FFAEAE;
    color: #3C495A;
    font-weight: bold;
    width: 100%;
}

.tdActions
{
    width: 300px;
    background-image: url('images/actions.png');
    background-repeat: no-repeat;
}

.actions
{
    width: 300px;
    background-image: url('images/actions.png');
    background-repeat: no-repeat;
}
.small{font-size:smaller;}

.c {text-align: center;}
.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.inline{display: inline-table;}
.mar5{margin:5px;}
.pad5{ padding:5px;}
.padA10{ padding:10px;}
.padA20{padding:20px;}
.gridHeader{background-color:#DDE6F0; border: 1px solid #5B7598;height:24px;padding: 4px 8px 4px 8px;font-weight:bold;}
.gridRow{}
.gridRow:hover{background-color: #EEEEEE;}
.l{float:left;}
.width520{width: 520px;}
.width50{width:50%;}
.content{width: 510px; min-height: 100%; padding: 5px;}