body{
	margin: 0px !important;
}
hr
{
	color: rgb(136,0,21);
	border: 0;
	height: 1px;
	background-color: rgb(136,0,21);
}
.text
{
	padding: 5px;
	font-size: 12pt;
	font-family: monospace;
}

.clickable
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.clickable:hover
{
	cursor: pointer;
	cursor: hand;
}

.frame
{
	border-width: 0px;
	width: 100%; 
	height: 100%;
}

.header
{
	background-image: url('img/bg_header.png');
	width: 100%;
	height: 48px;
	box-shadow: 0px 0px 3px #240000;
}

.header_text
{
	padding: 5px;
	margin-top: auto;
	margin-bottom: auto;
	
	color: #FFFFFF;
	font-size: 16pt;
	font-family: 'Rokkitt', serif;
	text-shadow: 0px 0px 5px #240000;
}
.page_title
{
	margin-top: auto;
	margin-bottom: auto;
	
	color: rgb(136, 0, 21);
	font-size: 20pt;
	font-family: 'Rokkitt', serif;
	
}
.page_subtitle
{
	margin: 3px;
	
	color: rgb(136, 0, 21);
	font-size: 16pt;
	font-family: 'Rokkitt', serif;
}
.page_subtitle_link
{
	margin: 3px;
	
	color: rgb(136, 0, 21);
	font-size: 16pt;
	font-family: 'Rokkitt', serif;
}
.page_subtitle_link:hover
{
	margin-top: 3px;
	
	color: rgb(136, 0, 21);
	font-size: 16pt;
	font-family: 'Rokkitt', serif;
	cursor: pointer;
}
.header_text:hover
{
	text-shadow: 0px 0px 5px #ff9d55;
	text-decorations: none;
	cursor: pointer;
}

.header_text_selected
{
	text-shadow: 0px 0px 5px #240000;
	color: #ff9d55;
	vertical-align: middle;
}

.logo
{
	margin: 5px;
	margin-top: 9px;
	vertical-align: middle;
	padding: 0px;
	
	background-image: url("img/logo.png");	
}

.logo:hover
{
	background-position: 0px 35px;
}
.user_panel
{
	margin: 5px;
}
.user_panel img
{
	border-radius: 5px;
}
.user_panel_input
{
	margin: 5px;

	border-radius: 3px;
	border-width: 1px;
	border-color: #555555;
	
	width: 120px;
	height: 20px;
	
	font-family: 'Arial';
}
.user_panel_button
{
	margin: 5px;
	
	color: #FFFFFF;
	border-color: rgb(136, 0, 36);
	background-image: url('img/bg_header.png');
	
	border-radius: 5px;
	
	width: 60px;
	height: 25px;
	
	font-family: 'Rokkitt', serif;
}

.user_panel_text
{
	margin: 5px;
	margin-top: 15px;
	
	width: 120px;
	height: 20px;
	
	color: #FFFFFF;
	font-family: monospace;
	font-size: 16px;
}

.item_page
{

}
.item_panel
{
	margin-left: 20px;
	padding: 5px;
}
.item_grid
{
	margin: 5px;
	border-style: solid;
	border-color: #B8BEDE;
	border-radius: 5px;	
}

.item_path
{
	padding: 5px;
	font-size: 12pt;
	font-family: 'Rokkitt', serif;
	color: rgb(136, 0, 21);
}

.item_key
{
	padding: 5px;
	font-size: 12pt;
	font-family: monospace;
}

.item_value
{	
	padding: 5px;
	font-size: 12pt;
	font-family: monospace;
	
	color: rgb(136, 0, 21);
}

.list
{
	margin: 5px;
}

.list_page_label
{
	padding: 5px;
	font-size: 12pt;
	font-family: monospace;	
}

.list_page_button
{
	padding: 5px;
	font-size: 12pt;
	font-family: monospace;
	
	color: #FFFFFF;
	background-color: #B8BEDE;
	border-radius: 5px;
}

.list_page_button:hover
{
	background-color: rgb(136, 0, 21);
}

.list_header
{
	padding: 5px;
	font-size: 12pt;
	font-family: monospace;
	
	color: rgb(136, 0, 21);
	font-weight: bold;
}

.list_row
{
	height: 40px;
}

.list_row:hover
{
	color: #FFFFFF;
	background-color: rgb(136, 0, 21);
}

.list_cell
{
	padding: 5px;
	font-size: 12pt;
	font-family: monospace;
}

.terminal
{
	background-color: #000000;
	color: #FFFFFF;
}

.terminal_input
{
	background-color: #000000;
	color: #FFFFFF;
	
	font-size: 12pt;
	font-family: monospace;
}

.terminal_button
{
	background-color: #000000;
	color: #FFFFFF;
	
	padding: 5px;
	font-size: 12pt;
	font-family: monospace;
}

.form
{
	border-style: solid;
	border-radius: 5px;
	border-color: #B8BEDE;
	padding: 5px;
}

.form_row
{
	height: 50px;
}

.form_popup
{
	background-color: rgb(239, 228, 176);
	
	border-style: solid;
	border-radius: 5px;
	border-color: rgb(136, 0, 21);
	
	padding: 5px;
	font-size: 12pt;
	font-family: monospace;
}
.note_popup
{
	border-style: solid;
	border-radius: 6px;
	border-width: 1px;
	
	background-color: #FFFFFF;
	border-color: #777777;
	box-shadow: 0px 0px 3px rgba(30,30,30,.30);
}
.news_icon
{
	background-image: url('img/notifications.png');
	width: 48px;
	height: 48px;

	background-position: -48px -96px;
}
.groups_icon
{
	background-image: url('img/notifications.png');
	width: 48px;
	height: 48px;

	background-position: 0px -96px;
}
.votes_icon
{
	background-image: url('img/notifications.png');
	width: 48px;
	height: 48px;

	background-position: -96px -96px;
}
.news_icon:hover
{
	background-position: -48px 0px;
	cursor: pointer;
}
.groups_icon:hover
{
	background-position: 0px 0px;
	cursor: pointer;
}
.votes_icon:hover
{
	background-position: -96px 0px;
	cursor: pointer;
}
.news_icon_selected, .news_icon_selected:hover
{
	background-position: -48px -48px;
}
.groups_icon_selected, .groups_icon_selected:hover
{
	background-position: 0px -48px;
}
.votes_icon_selected, .votes_icon_selected:hover
{
	background-position: -96px -48px;
}
.user_icon
{
	background-image: url('img/notifications.png');
	background-position: -240px -96px;
	width: 48px;
	height: 48px;
}
.user_icon img
{
	padding: 3px;
	border-radius: 5px;
	box-shadow: 3px 0px 0px #000
	width: 42px;
	height: 42px;
}
.user_icon:hover
{
	background-position: -240px 0px;
	cursor: pointer;
}
.user_icon_selected, .user_icon_selected:hover
{
	background-position: -240px -48px;
}
.gravatar_30
{
}
.gravatar_50
{
}
.gravatar_100 img
{
	border-radius: 5px;
	margin: 5px;
}
.gravatar_200
{
	border-radius: 5px;
	padding: 5px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	border: 1px solid #ddd;
}
 .myGallery
{
	width: 400px;
	height: 200px;
}
.textbox_header
{
	margin: 12px;
	width: auto;
	border-radius: 5px;
	border-color: #777777;

	border-width: 0px;
	padding: 3px;
}
.icon
{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}