/***********************
	  TEMP. STYLE
************************/
.tempTable {
	font-size: 13px;
	border-width: 1px;
	border-style: inset;
	border-color: #CCC;
	border-collapse: collapse;
	background-color: #CCC;
}
.tempTable > tbody > tr > td{
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
}
.tempTr {
	background-color: #FFFAFF;
}
.tempTd {
	padding: 5px 5px 5px 5px;
}
.tempDiv {
	display: block;
	border: solid 1px #eec;
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.tempUploadButton {
	font-style: veranda;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	color: white;
	background-color: #A2C382;
	height: 22px;
	border-style: ridge;
	text-align:center;
}
.StandardTable {
	font-size: 13px;
	border-width: 1px;
	border-style: inset;
	border-color: #CCC;
	border-collapse: collapse;
	background-color: #CCC;
}
.StandardTable > tbody > tr {
	background-color: #FFFAFF;
}
.StandardTable > tbody > tr > td {
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
	padding: 5px 5px 5px 5px;
}
.StandardFrame{
	display: block;
	border: solid 1px #eec;
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.image-button {
	cursor: pointer;
}
/***********************
	  LAYOUT
************************/
#wrap {
    margin: 10px auto;
	padding: 0px;
    clear: both;
    width: 900px;
    text-align: left;
    background-color: #FFF;
    border: 1px solid #DDD;
    box-shadow: 2px 2px 20px 2px #CCC;      
    border-radius: 5px;
}
#top-bar {
    width: 100%;
    height: auto;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    /*background: #E3E3E3;*/
    background: #C3C3C3;
    color: #FFF;
    display: table;    
    border-bottom: 3px solid #E3E3E3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#top-bar #top-bar-block {
    width: auto;
    height: auto;
    margin: 0px;
    padding: 5px 8px;
    text-align: right;
}
/* header */
#header {
    margin: 0;
    margin-bottom: 5px;
    padding: 5px 8px;
    clear: both;    
    position: relative;
    height: 65px;
    /*border-bottom: 1px solid #CCC;*/
    /*background: #000 url(../images/headerbg.gif) repeat-x 0% 100%;*/
}
#header h2#slogan {
    margin: 5px 8px;
    color: #666666;
    font: bold 12px Tahoma, 'trebuchet MS', Sans-serif;
    display: block;
    position: relative;
    top: -20px;
    left: 100px;
}
#header #header-logo {
	display: inline;
	float: left;
}
#header #social {	
    margin-top: 5px;
    float: right;
    display: inline;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {
	float: none;
}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#visual {
    margin-bottom: 20px;
}
#content-wrap {
    margin: 0px;
    padding: 0px 10px 0px 10px;
    clear: both;
    width: 100%;
    min-height: 600px;
    display: table;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/* main */
#main {
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	width: 585px;
}
#main #main-info-upper {
	float: right;
	position: absolute;
	top: 85px;
	right: 0;
}
#sidebar {
    float: left;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    width: 285px;
}
/* Footer */
#footer {
	margin: 0px;
        margin-top: 5px;
	padding: 5px 8px;
	clear: both;
        height: 50px;        
	border-top: 1px solid #CCC;	
	font-size: 95%;
        color: #888;
}
#footer a {
	text-decoration: none;
	font-weight: bold;
}
#footer .footer-left {
	float: left;
	/*width: 65%;*/
}
#footer .footer-right {
	float: right;
	/*width: 30%;*/
}
#navi-path {
    width: 900px;
    height: 40px;
    margin-bottom: 10px;
}
#navi-path #path {
    padding: 0px 10px;
    width: 580px;
    height: 40px;
    float: left;
    display: inline;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 40px;
}
#navi-path #path #path-logo {
    float: left;
    diplay: inline;
}
#navi-path #path #path-content {
    margin-left: 10px;
    float: left;
    display: inline;
}
#navi-path #social {	
    width: 300px;
    height: 20px;
    margin-top: 5px;
    float: right;
    display: inline;
}
.portlet {
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
    border: 1px solid #CCC;    
    background-color: #FFFCFA;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.portlet-red {
    border-top: 3px solid #CC0000;
}
.portlet-blue {
    border-top: 3px solid #568DBF;
}
.portlet-title {
    padding: 10px 10px;
    width: auto;
    heigh: 50px;
    border: 0px solid;
    border-bottom: 1px solid #CCC;
    border-left: 5px solid #DDD;
}
.portlet-title-blue {    
    background: #568DBF;
    border: 0px solid;
    color: #FFF;
}
.portlet-title-blue h3 {    
    background: #568DBF;
    color: #FFF;
}
.portlet-title-red {
    background: #CC0000;
    border: 0px solid;
    color: #FFF;
}
.portlet-title-red h3 {
    color: #FFF
}
.portlet-content {
    padding: 10px;
    display: table;
}
.portlet-content h3 {    
    color: #CC0000;
}