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

/* BEGIN General style (no classes, no selectors) */
    /* START copy this to html_editor.css */ 
    
    img {
        border : 0;
    }
    
    a:link, a:visited, a:active {
        color: #39b508; /*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 {
	margin: 0px;
	border-collapse: collapse;
}

td {	
	text-align: left;
}



h2 { /* module header */
    font-size: 12px;
 
}

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  {
	background-color: #fff;

	border: 1px solid #bbb;    
}

td.top {
	padding: 20px;
}

#pageHeader {
}

td.menu_container {
	width: 170px;
    vertical-align:top;
    border-right: 1px solid #bbb;	
}

#menu {
    width:170px;
}

div.content {
	vertical-align: top;
	padding: 0 15px;
	text-align: left;
	font-size: 11px;
	width: 567px;
}

td.content {
	vertical-align: top;

}

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

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

#login {
    margin:100px auto;
    border: 1px solid #bbb;
    padding: 10px;
    width: 500px;
    background-color:#fff;
}
/* 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 */
}

/* END Buttons */

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


/* BEGIN Menu */
table.menu {

}
td.menu_item {
	text-align: left;
	border-bottom: 1px solid #bbb;
}

td.sub_menu_item {
	text-align: left;
	border-bottom: 1px solid #bbb;
}

#menu a.menu, #menu a.menu_selected{
    display:block;
    text-decoration: none;
	font-size: 12px;    
    vertical-align:middle;
}

a.menu:link, a.menu:visited, a.menu:active {	
    color: #000;
}

a.menu:hover {
	color: #bbb;    
}

a.menu_selected {
    color: #39b508;
}

/* END Menu*/

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

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

.downloadArea {
	padding: 0;
	margin-left: 26px;
}

/* IE6 Only */
* html downloadArea {
	margin: 0;
}

/* IE7 Only */
*:first-child+html .downloadArea {
	margin: 0;
}

/* END Hyperlink and Download area */

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

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

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

.asElement {
	visibility:hidden;
}