body {
	background: #fff;
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

body,ul,li,p,h1,input,textarea,select,form {
	margin: 0;
	padding: 0;
	border: 0;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
	outline: none;
}

input,select,textarea {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#page {
	min-width: 770px;
	width: 100%;
	position: absolute;
	overflow: auto;
}

#admin_message {
	text-align: center;
	background-color: #ff0000;
	font-weight: bold;
	color: #fff;
}

#logo {
	margin: 5px 20px;
	float: left;
}

/* The div containing the user informations */
#user {
	float: right;
	margin: 10px;
}

#user p {
	font-weight: bold;
	display: block;
	padding-bottom: 3px;
}

#user a {
	color: #007aaf;
	background: center left no-repeat;
	padding: 5px 27px;
	display: block;
}

#user p.account a {
	background-image: url(../images/icon_user.png);
}

#user p.logout a {
	background-image: url(../images/icon_user_logout.png);
}

/* END of the user informations divs*/
#navigation {
	background: #264a8c url(../images/mainmenu_bg.png) top center repeat-x;
	clear: both;
}

#navigation .main ul {
	margin-left: 20px;
	float: left;
	background: url(../images/mainmenu_item_side.png) top left repeat-y;
	padding-left: 2px;
}

#navigation .main li {
	font: bold 12px Arial;
	background: url(../images/mainmenu_item_side_right.png) top right
		repeat-y;
	padding-right: 2px;
	float: left;
	display: block;
}

#navigation .main li a {
	color: #fff;
	padding: 10px 20px 8px;
	background: none;
	display: block;
	background: #1e3b70 url(../images/mainmenu_item_bg.png) top center
		repeat-x;
}

#navigation .main li.current a,#navigation .main li.current a:hover {
	background: #ffa552 url(../images/mainmenu_item_current_bg.png) top
		center repeat-x;
}

#navigation .main li a:hover {
	background: #516ea3 url(../images/mainmenu_item_over_bg.png) top center
		repeat-x;
}

#navigation .main li.status {
	background: inherit;
}

#navigation .main p.right,#navigation .main p.left {
	margin: 8px 2px;
	float: right;
	font-weight: bold;
	color: #fff;
}

#navigation .main p.left select {
	font-size: 10px;
	padding: 0;
	border: 0;
}

#navigation .main p.right a {
	padding: 10px 0 10px 8px;
	margin-right: 2px;
	color: #c9d9e7;
}

#navigation .main p.left {
	float: left;
	padding-left: 10px;
}

#navigation .end {
	clear: both;
	background: #fff;
	padding: 1px;
}

/* station submenu stuff */
#navigation .submenu {
	clear: both;
	background: #fbe4c6 url(../images/submenu_bg.png) top center repeat-x;
	padding: 10px 20px 5px;
}

#navigation .submenu ul {
	background: none;
	padding: 1px;
}

#navigation .submenu li {
	display: inline;
	margin-right: 10px;
	background: none;
}

#navigation .submenu li a {
	background: url(../images/submenu_item_bullet.png) left center no-repeat;
	padding: 3px 0 4px 12px;
	color: #002a78;
	font: normal 11px Tahoma;
}

#navigation .submenu li.back a {
	background: none;
	padding: 3px 0 4px;
}

#navigation .submenu li a:hover {
	text-decoration: underline;
	background: url(../images/submenu_item_bullet.png) left center no-repeat;
}

#navigation .submenu li.back a:hover {
	background: none;
}

/* END of statios submenu stuff */
/* root stuff for navigation */
.submenu input,.submenu select {
	padding: 2px 4px 3px;
	border: 1px solid #de9048;
	background: #ffe1c5;
}

.submenu .title {
	background: #d3932b;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

.submenu a.add,.submenu a.edit {
	display: block;
	background: 50% 50% no-repeat;
	width: 15px;
	height: 15px;
	float: left;
	margin: 2px 2px 0 0;
}

.submenu a.add {
	background-image: url(../images/icon_filter_add.png);
}

.submenu a.edit {
	background-image: url(../images/icon_filter_edit.png);
}

.submenu .button a {
	border: 1px solid #002a78;
	margin-left: 5px;
	font-size: 10px;
	color: #002a78;
	background: #f7c796;
	font-weight: bold;
	display: block;
	padding: 2px 10px 3px;
}

.submenu .button a:hover {
	color: #fff;
	border-color: #002a78;
	background: #002a78;
}

/* END of root stuff for navigation */
#content {
	margin: 20px 0 10px;
}

h1,#popup thead {
	margin-bottom: 10px;
	float: left;
	font: bold 14px Arial;
	color: #fff;
	padding: 5px 15px;
	background: #ffa552 url(../images/mainmenu_item_current_bg.png) top
		center repeat-x;
}

h1.current {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 15px 7px;
}

h1.title {
	margin-bottom: 5px;
}

.edit,.sch,.stats,.msg,.del,.addStation {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	background: none;
}

h1 a {
	color: #FF9433;
	background: 10px center no-repeat;
	padding: 6px 10px 5px 28px;
	border: 1px solid #ffa552;
	border-left: 0;
	display: block;
}

.stationPagination {
	margin: 10px;
	white-space: nowrap;
}

.addStation {
	background: none;
}

.addStation a {
	color: #ff9433;
	background: url(../images/icon_filter_add.png) 10px center no-repeat;
	padding: 7px 10px 6px 28px;
	border: 0;
}

.edit a {
	background-image: url(../images/icon_station_edit.png);
}

.sch a {
	background-image: url(../images/icon_station_schedule.png);
}

.stats a {
	background-image: url(../images/icon_station_statistics.png);
}

.msg a {
	background-image: url(../images/icon_station_messages.png);
}

.del a {
	background-image: url(../images/icon_station_delete.png);
}

h1 a:hover {
	background-color: #eee;
	color: #000;
}

h2 {
	margin: 0 0 15px 5px;
	font-size: 11px;
	color: #777;
	font-weight: normal;
}

h2 a {
	color: #777;
}

/*root stuff*/
.editStation {
	margin-top: 10px;
}

.editStation th {
	text-align: right;
	color: #1c3769;
	padding-left: 20px;
}

.editStation td {
	color: #1c3769;
}

.editStation .line td,.editStation .line th {
	border-bottom: 2px solid #ffe8d2;
}

#addGenre,#addGenre a {
	color: #888;
}

#addGenre a:hover {
	text-decoration: underline;
}

#loginInfo {
	position: absolute;
	top: 30px;
	left: 30px;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

#loginInfo table {
	border: 1px solid #274A8C;
}

.editStation p {
	color: #999;
	font-weight: normal;
}

input,select,textarea {
	padding: 2px 4px 3px;
	border: 1px solid #ffbc7d;
	background: #fff2e6;
}

input.check {
	padding: 0;
	border: 0;
	background: none;
}

input.bigwidth {
	width: 250px;
}

textarea {
	width: 500px;
	height: 75px;
}

.uploadLogo,.uploadLogo p {
	margin: 5px 0;
	max-width: 310px;
}

/* END of root stuff*/
.stationList,.editStation,.statistics {
	clear: both;
}

.stationList {
	width: 100%;
	table-layout: fixed;
}

.stationList th,
#schedule th,
#shows th,
.statistics th,
p.title,
.data thead th,
.box thead th {
	background: #274A8C url(../images/table_header_bg.png) top center repeat-x;
	color: #fff;
	padding: 0 10px;
	font-weight: normal;
}

.stationList .options {width: 125px;}
.stationList .small {width: 60px;}

#schedule th,
#shows th,
.statistics th,
p.title,
.data thead th,
.box thead th {
	padding: 5px 10px;
	font-weight: bold;
}

.stationList th.sort,.stationList th.sortGenre {
	padding: 0;
}

.stationList th a {
	display: block;
	padding: 5px 10px;
	color: #fff;
}

.stationList th a:hover {
	color: #000;
	background-image: url(../images/table_header_over_bg.png);
	background-color: #8094bb;
}

#content th select {
	background: #274A8C;
	border: 1px solid #fff;
	border-right: none;
	color: #fff;
}

.stationList td,#schedule td,#shows td,.data td,.statistics td,.messages li,.messages li.reply
	{
	background: #ffe9d5;
	padding: 5px;
}

.messages li.toall {
	background: #9FC1D9;
	color: #fff;
	padding: 5px 0;
}

.messages li {
	padding: 1px;
	margin-bottom: 2px;
}

.stationList th,.stationList td {
	overflow: hidden;
	white-space: nowrap;
}

.messages .sendmessage,.messages .blockmessage {
	background-image: url(../images/icon_send_message.png);
	background-repeat: no-repeat;
	display: block;
	width: 24px;
	height: 13px;
	float: left;
	margin: 2px;
}

.messages .blockmessage {
	background-image: url(../images/icon_block_message.png);
	height: 15px;
}

.messages a:hover {
	text-decoration: none;
}

.messages span {
	color: #777;
}

.statistics td {
	font-weight: bold;
	text-align: center;
}

#schedule select {
	border: 1px solid #274A8C;
}

#schedule .options,#shows .options,.pagination,.messages li.pagination {
	font: bold 10px/17px Tahoma;
	text-align: right;
	background: #e5e5e5;
}

#schedule tfoot td,#shows tfoot td {
	font-size: 10px;
	text-align: right;
	background: #e5e5e5;
	line-height: 17px;
}

#schedule .options a,
#shows .options a,
#schedule tfoot a,
#shows tfoot a,
#content .status a,
.stationPagination a,
.pagination a,
p.title a,
.statistics th a,
.buttonlink
	{
	color: #274A8C;
	padding: 2px 5px 3px;
}

p.title a,.statistics th a {
	color: #fff
}

#schedule .options a:hover,
#shows .options a:hover,
#schedule tfoot a:hover,
#shows tfoot a:hover,
#content .status a:hover,
.stationPagination a:hover,
.pagination a:hover,
a.buttonlink:hover
	{
	background: #274A8C;
	color: #fff;
}

p.title a:hover,.statistics th a:hover {
	background: #fff;
	color: #274A8C;
	text-decoration: none;
}

li.dark,.dark td,#schedule .dark td,#shows .dark td {
	background: #c9dce9;
}

li.dark p.reply {
	blackground: #A3C4DA;
}

.separator {
	border: 1px dashed #000;
	background: #fff;
	color: #000;
	font-weight: bold;
	text-align: center;
}

form#inlineEdit select,form#inlineEdit input {
	border: 1px solid #de9048;
	background: #ffe1c5;
	padding: 0 2px 1px;
}

form#inlineEdit input.button {
	border: 1px solid #002a78;
	color: #002a78;
	background: #f7c796;
	font-weight: bold;
	margin: 2px 2px 0 0;
	padding: 0;
}

form#inlineEdit input.button:hover {
	color: #fff;
	border-color: #002a78;
	background: #002a78;
}

#sendMessage tfoot .options {
	text-align: center;
	font-weight: bold;
}

#sendMessage tfoot .options a {
	margin: 0 10px;
}

#schedule .selectDay,.messages .options span {
	float: left;
}

.stationPagination {
	float: right;
}

.stationPagination {
	color: #000;
}

.stationPagination a {
	margin: 0 5px;
}

.messages .options a {
	color: #274a8c;
	margin: 0;
}

.last td,#schedule .last td,#shows .last td {
	background: #bbb;
	color: #fff;
}

.stationList td.stream {
	width: 15%;
	overflow: hidden;
	white-space: nowrap;
}

.stationList td p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.stationList td.stream a {
	color: #000;
}

#schedule td,#shows td {
	padding: 5px;
}

td.edit,td.del,td.sch,td.stats,td.msg {
	padding: 0;
	background: #fff6ef;
	border: 1px solid #ffd6b1;
	width: 15px;
}

#schedule .edit,#schedule .del,#shows .edit,#shows .del,.data .edit,.data .del
	{
	padding: 0;
}

.dark .edit,.dark .del,.dark .sch,.dark .stats,.dark .msg,#schedule .dark .edit,#schedule .dark .del,#shows .dark .edit,#shows .dark .del
	{
	background: #eaeff5;
	border: 1px solid #9dbbd5;
}

.last .edit,.last .del,.last .sch,.last .stats,.last .msg {
	background: #bbb;
	border: 1px solid #9dbbd5;
}

td.edit a,td.del a,td.sch a,td.stats a,td.msg a {
	padding: 5px;
	display: block;
	background: 50% 50% no-repeat;
	width: 15px;
	height: 15px;
}

td.edit a {
	background-image: url(../images/icon_station_edit.png);
}

td.del a {
	background-image: url(../images/icon_station_delete.png);
}

td.sch a {
	background-image: url(../images/icon_station_schedule.png);
}

td.stats a {
	background-image: url(../images/icon_station_statistics.png);
}

td.msg a {
	background-image: url(../images/icon_station_messages.png);
}

td.edit a:hover,td.del a:hover,td.sch a:hover,td.stats a:hover,td.msg a:hover
	{
	background-color: #ffd6b1;
}

.dark .edit a:hover,.dark .del a:hover,.dark .sch a:hover,.dark .stats a:hover,.dark .msg a:hover
	{
	background-color: #9dbbd5;
}

.last .edit a:hover,.last .del a:hover,.last .sch a:hover,.last .stats a:hover,.last .msg a:hover
	{
	background-color: #999;
}

.monoblock,.column {
	padding: 15px 10px 30px 10px;
}

.column {
	float: left;
}

.column input,.monoblock input {
	padding: 0 3px 1px;
	border: 1px solid #ffbc7d;
	background: #fff2e6;
}

#content .status {
	padding: 5px;
}

#content .status span {
	padding: 5px 0;
}

#content .status li {
	display: inline;
	white-space: nowrap;
}

#content .status img {
	padding: 0 2px;
}

#incoming,#incoming li,#incoming div {
	margin: 0;
	padding: 0
}

#incoming {
	min-width: 900px;
	overflow: auto;
}

* #incoming {
	width: 80%;
	height: 800px;
        font-size: large;
        line-height: 27px;
}

#stationMessages .title { width:79%;}

#incoming li {
	float: left;
	width: 100%;
}

#incoming div {
	float: left;
	margin: 2px;
}

#incoming .reply {
	width: 100%;
	overflow: hidden;
}

/* general perpose classes */
.hidden {
	display: none;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
}

.ticker {
	margin: 3px 3px 10px;
	padding: 3px 10px;
	border: 1px solid #274A8C;
	background-color: #fbe4c6;
}

.autocompleter {
	position: absolute;
	margin: 0;
	padding: 2px;
	background-color: #fbe4c6;
}

.autocompleter li {
	padding: 1px 2px;
	border-bottom: 1px dotted #000;
}

.autocompleter li.selected {
	background-color: #fff;
}

#footer {
	background: #eee;
	text-align: center;
	padding: 10px 0;
	margin-top: 20px;
	color: #555;
	clear: both;
}

#footer a {
	color: #555;
}

/* button class */
.actions {
	border: 0;
	padding: 20px;
	text-align: center;
}

.actions a,a.insert,a.del {
	border: 1px solid #f7c796;
}

.actions a {
	background: #eee;
	font-weight: bold;
	font-size: 10px;
	margin: 10px;
	padding: 5px 20px 6px;
	color: #000;
}

.actions a:hover {
	border-color: #000;
	background: #f7c796;
}

a.insert,a.del {
	width: 12px;
	height: 12px;
	display: block;
	margin: 1px;
}

a.insert {
	background-image: url(../images/icon_action_insert.png);
}

a.del {
	background-image: url(../images/icon_station_delete.png);
}

a.insert:hover,a.del:hover {
	border-color: #000;
}

/* popup stuff */
#dimmer {
	position: absolute;
	background: url(../images/dark_bg.png);
	display: none;
}

#popup {
	position: absolute;
	left: 50%;
	background: #fff;
	width: 400px;
	margin: 0 -200px;
	z-index: 150;
	color: #000;
	filter: progid : DXImageTransform.Microsoft.Alpha ( opacity = 88 );
	-moz-opacity: 0.88;
	opacity: 0.88;
}

#popup h1,#popup thead {
	float: none;
	margin: 0;
}

#popup div {
	padding: 15px;
}

#popup div p {
	padding-bottom: 5px;
}

#popup label,#popup th {
	display: block;
	padding: 10px 0 2px;
	font-weight: bold;
}

#popup input,#popup select,#popup textarea {
	padding: 2px 0 3px 5px;
	background: #ddd;
	border: 1px solid #aaa;
}

#popup textarea {
	width: 340px;
	height: 55px;
}

#popup .actions {
	border-top: 1px dashed #000;
}

#spinner {
	position: absolute;
	right: 0;
	margin: 50px 30px;
	z-index: 200;
	display: none;
}

.spinner {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(../images/spinner.gif);
}

/* hovers */
#user a:hover,#navigation p.right a:hover,h2 a:hover,.reload a:hover,.send2all a:hover,.messages a:hover,.stationList td.stream a:hover,#footer a:hover
	{
	text-decoration: underline;
}

#additionalactions {
	clear: both;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #EEE;
}