/* Stylesheet for Hoppinger CMS
(c) 2006-2008 Hoppinger.com */

/* BEGIN General style (no classes, no selectors) */
    /* START copy this to html_editor.css */ 
    body {
        background-color: #252525;
        color: #000;
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-family: Verdana, Arial, sans-serif;
		height: 100%;
    }
    
    img {
        border : 0;
    }
    
    a:link, a:visited, a:active {
        color: #f89b34; /*green*/
        text-decoration:underline;
    }
    
    a:hover {
        color: #ef6321; /*orange*/
        text-decoration:underline;
    }
    
    p {	
        margin: 0px 0 8px 0;
        padding: 0px 0 8px 0;
    }
    /* END copy this to html_editor.css */
    
table {
	border-collapse: collapse;
}

td {	
	text-align: left;
}


h1 { /* Page header */
    font-size: 16px;
    color: #fff;
}

h1.page_title { /* Page title extra */
	font-size: 20px;
	font-weight: bold;
}

h2 { /* module header */
    font-size: 12px;
    margin: 10px 0 5px 0;
}

input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
    color: #000;
}

textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
    color: #000;
}

/* END General Style */

/* BEGIN Lay-out structures (specific tables, td's and divs ) */
#wrapper  {
	width: 768px;    
	background-color: #fff;
	margin: 5px auto;	
	border: 1px solid #f89b34;    
}

#menu {
    width:170px;
}

div.content {
	margin: 0 auto;
	margin-top: 50px;
	padding: 0 15px;
	text-align: left;
	font-size: 11px;
	width: 770px;
	background-color: #252525;
	color: #fff;
}

div.contentFlash {
	margin: 0 auto;
	margin-top: 50px;
	padding: 0 15px;
	text-align: left;
	font-size: 11px;
	width: 990px;
}


td.content {
	vertical-align: top;
	background-color: #252525;
}

#bottom {
    border-top: 1px solid #f89b34;
}

#bottom, #bottom a {    
    font-size:9px;
    color: #ccc;
    text-decoration:none;
    text-align:center;
    padding: 5px 0;
}

#login {
    margin:100px auto;
    border: 1px solid #f89b34;
    padding: 10px;
    width: 500px;
    background-color:#fafafa;
}
/* END Lay-out structures 

/* BEGIN Buttons */
a.button:link, a.button:active, a.button:visited {	
	color: #999;
    background-color: #fff;
	border: 1px solid #999;	
	font-size: 9px;
	padding: 2px 8px;
	text-decoration: none;
	letter-spacing: 1px;
    cursor:pointer;
}

a.button:hover, a.button_active {
    color: #fff;
    background-color: #999;
	border: 1px solid #999;	
	font-size: 9px;
	padding: 2px 8px;
	text-decoration: none;
	letter-spacing: 1px; 
}

input.button {
	color: #999;
    background-color: #fff;
	border: 1px solid #999;	
	font-size: 9px;
	padding: 0 8px;
	text-decoration: none;
	letter-spacing: 1px;
    cursor:pointer;
	height: 17px;		/* Same height as input.inputField */
}

.moduleInfoBox
{
	position:absolute; 
	top:20px; 
	left:20px; 
	 
	padding:20px; 
	border:1px solid #ccc; 
	background-color:#F2F2F2; 
	display:none;
}

/* END Buttons */

.gototop { /* container for go-to-top line */
    padding: 8px 0;
    text-align:center;
}


/* BEGIN Menu */
table.menu {
	height: 500px;		/* For pages with little text (short) */
}
td.menu_item {
	text-align: left;
	height: 20px;	
	border-bottom: 1px solid #f89b34;
    width: 100%;    
}

td.sub_menu_item {
	text-align: left;
	height: 20px;	
	border-bottom: 1px solid #f89b34;
    width: 100%;
}

#menu a.menu, #menu a.menu_selected{
    display:block;
    text-decoration: none;
    width:100%;
    height:100%;
    padding: 8px 0 0 10px;    
    font-size: 12px;    
    vertical-align:middle;
}

/* END Menu*/

/* BEGIN Hyperlink and Download area */
table.area {
	width: 100%;    
	border: 1px solid #f89b34;
    color:#000;
    background-color:#fafafa;	
}

td.area-header {
	color: #fff;
	letter-spacing: 1px;
	background-color: #f89b34;
	height: 16px;
	padding: 0 0 0 5px;
}

/* END Hyperlink and Download area */

/* BEGIN GroupManagement */
td.groupmanagement-header {
	background-color: #f89b34;
	color: white;
	border: 1px solid #949494;
}

input.inputField {
	border: 1px solid #949494;
}
/* END GroupManagement */

/* BEGIN login */
td.error_message {
	color: red;
}
/* END login */



/* BEGIN moduleManager */
#textContentWrapper
{

}

#moduleLinkContent
{

}

.download_area_table
{
	width: 100%;
}

.download_area_header_cell
{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.download_area_item_cell
{
	text-align: left;
	vertical-align: top;
}
/* END moduleManager */