/*** Global
*********************************************************/
body {
	font-family: Arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
	padding: 0;
	margin: 0
}

form, td, th {
	margin: 0;
	padding: 0
}

td, p { font-size: 11px; }


img {
	border: 0
}

table {
	border-collapse: collapse
}

a {
	color: #ff0000;
	text-decoration: none
}


/*** Page elements
*********************************************************/
.vspacer {
	height: 20px;
	background-color: #ffffff
}

.vspacer_small {
	height: 14px
}

.hspacer,
.hspacer div {
	width: 20px
}

h1, h2 {
	font-size: 10px;
	color: #a0a0a0;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-weight: normal
}

h1 {
	float: left
}

h1.main,
h1.main_content {
	float: none;
	font-size: 21px;
	color: #666465;
	font-weight: bold;
	margin-bottom: 20px
}

h1.main_content {
	margin-bottom: 10px
}

h1 div.subtitle {
	font-size: 11px;
	color: #a0a0a0;
	font-weight: normal;
	text-transform: none
}

h3 {
	font-size: 11px
}

h2, h3, p, ul {
	margin-top: 0;
	margin-bottom: 1.5em
}

ul li {
	list-style-type: none;
	background: url('/upload/images/f/li.gif') no-repeat 0px 5px;
	padding-left: 10px
}

ul.standalone {
	padding-left: 0;
	margin-left: 0
}

ul.standalone li {
	margin-bottom: 5px
}

small {
	font-size: 11px
}

td#logo a {
	display: block;
	width: 172px
}

table.h1 td {
	vertical-align: bottom;
	padding-right: 5px
}

.footnote {
	font-size: 9px;
	color: #999999;
	padding-left: 18px;
	margin-bottom: 2em
}

.footnote sup a {
	color: #999999
}

td.banner {
	vertical-align: top;
	text-align: center
}

td.col,
td.col_long,
td.col_main,
td.col_wide,
td.col_service {
	vertical-align: top;
	font-size: 11px
}

.col_text_indent,
.col_text,
.col_main_text,
.col_wide_text,
.col_service_text {
	padding: 11px 13px
}

.col_text {
	width: 146px !important
}

.col_main_text {
	width: 530px !important
}
.col_wide_text {
	width: 745px !important
}

.col_service_text {
	width: 169px !important
}

td.col .last,
td.col_long .last,
td.col_wide .last {
	margin-bottom: 0
}
td.col_service .last {
	margin-bottom: 4px;
}

td.col_left_edge {
	padding: 11px 0 0 13px
}

td.col_border,
td.col_left_edge {
	background: #ffffff url('/upload/images/f/d_e6e6e6.gif') repeat-y !important
}

td.col,
td.col_long {
	background: url('/upload/images/f/border_e6e6e6.gif') repeat-y;
	width: 172px;
	height: 150px
}

td.col_long {
	height: 322px
}

td.col_main {
	width: 556px;
	background: url('/upload/images/f/border_e6e6e6_main.gif') repeat-y
}

td.col_wide {
	width: 771px;
	background: url('/upload/images/f/border_e6e6e6_wide.gif') repeat-y
}

td.col_service {
	width: 195px;
	background: url('/upload/images/f/border_e6e6e6_service.gif') repeat-y
}

div.button,
div.button_pdf {
	border: 1px solid #cccccc;
	padding: 1px 8px 1px 1px;
	font-size: 9px;
	float: left
}

div.button a,
div.button_pdf a {
	color: #999999;
	text-transform: lowercase;
	padding-left: 9px;
	background: #ffffff url('/upload/images/f/icon_arrow_red.gif') no-repeat 0 4px
}

div.button > a {
	background-position: 0 3px
}

div.button_pdf a {
	padding-left: 21px;
	background: #ffffff url('/upload/images/f/icon_pdf_button.gif') no-repeat 0 2px
}

div.button_pdf > a {
	background-position: 0 1px
}

td.col_service form {
	text-align: center
}

td.col_service form select {
	width: 100%;
	margin-bottom: 9px
}

a.title {
	display: block;
	margin-bottom: 13px
}

a.news {
	color: #000000;
	font-size: 11px;
	display: block;
	margin-bottom: 9px
}

a.news:visited {
	color: #000000
}

a.subnav,
a.list,
a.enter_point,
a.enter_point_bold {
	color: #ff0000;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 7px
}

a.list {
	background: url('/upload/images/f/icon_arrow_black_.gif') no-repeat 0 3px;
	padding-left: 7px
}

a.enter_point {
	color: #999999 !important
}

#subnav a,
#subnav div.level .selected {
	color: #ff0000;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 7px
}

#subnav div.level {
	margin-bottom: 15px
}

#subnav div.level a {
	padding-left: 8px;
	color: #999999
}

#subnav div.level .selected {
	padding-left: 8px;
	color: #000000;
	background: #ffffff url('/upload/images/f/icon_arrow_black.gif') no-repeat 2px 4px
}

html>body #subnav div.level .selected {
	background-position: 2px 3px
}

a.arrow,
span.arrow {
	text-transform: uppercase;
	padding-left: 10px;
	font-size: 10px;
	background: url('/upload/images/f/icon_arrow.gif') no-repeat 0px 4px
}

html>body a.arrow,
html>body span.arrow {
	background-position: 0px 3px
}

a.arrow,
a.standalone {
	color: #ff0000 !important
}

a.standalone,
span.standalone {
	display: block;
	margin-bottom: 10px
}

a.arrow_small {
	padding-left: 8px;
	font-size: 10px;
	background: url('/upload/images/f/icon_arrow_red.gif') no-repeat 0px 2px;
	color: #999999
}

html>body a.arrow_small {
	background-position: 0px 3px
}

a.last {
	margin-bottom: 0
}

.uppercase {
	text-transform: uppercase
}

a.mobile_preview {
	display: block;
	margin-bottom: 15px
}

a.mobile_melody {
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	padding-left: 17px;
	background: url('/upload/images/f/icon_melody_preview.gif') no-repeat 0px 3px;
	font-size: 10px;
	color: #ff0000 !important
}

html>body a.mobile_melody {
	background-position: 0px 1px
}

a.mobile_melody span.about {
	color: #999999
}

/*** Managment
*********************************************************/
table.managment {
	margin-bottom: 10px
}

table.managment td {
	vertical-align: bottom
}

table.managment td a {
	text-transform: uppercase;
	font-size: 9px;
	display: block;
	float: left;
	margin-left: 10px
}

table.person {
	width: 100%;
	margin-bottom: 20px
}

table.person td {
	vertical-align: top;
	font-size: 11px;
}

table.person td.face {
	width: 32%;
	padding-top: 4px;
}


/*** Service navigation
*********************************************************/
#service_nav {
	font-size: 9px;
	text-transform: lowercase
}

#service_nav a {
	color: #ff0000;
	margin-right: 3px	
}

#service_nav a.selected {
	color: #999999
}


/*** Main navigation
*********************************************************/
#main_nav div {
	float: left;
	border-right: 1px solid #ff0000;
	margin-right: 10px;
	padding-right: 10px
}

#main_nav .last {
	border-right-width: 0
}


/*** Body navigation
*********************************************************/
#body_nav {
	text-transform: uppercase;
	font-size: 10px
}

#body_nav div {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 4px;
	margin-bottom: 5px
}

#body_nav div a {
	color: #ff0000
}


/*** Footer
*********************************************************/
#footer {
	font-size: 9px
}

#footer div {
	float: left;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid #b5b5b5
}

#footer div.last {
	margin-right: 0;
	padding-right: 0;
	border-right-width: 0
}

#footer div,
#footer div a {
	color: #b5b5b5
}

#footer div.selected a {
	color: #000000
}


/*** Bred crumbs
*********************************************************/
table#crumbs {
	margin-bottom: 10px
}

#crumbs {
	font-size: 9px;
	text-transform: lowercase
}

#crumbs div {
	display: block;
	float: left;
	margin-right: 3px;
	color: #999999
}

#crumbs a {
	color: #ff0000
}


/*** Tariffs
*********************************************************/
.tariff_type_title {
	text-transform: uppercase;
	font-size: 10px;
	margin: 12px 0 10px 0;
	background: url('/upload/images/f/icon_arrow_down.gif') no-repeat 0px 3px;
	padding-left: 12px
}

table.tariff_tabs {
	width: 100%;
	margin-bottom: 20px
}

table.tariff_tabs td.tab {
	width: 5%;
	white-space: nowrap;
	font-size: 9px;
	padding: 5px 15px 6px 15px;
	vertical-align: top;
	background: url('/upload/images/f/d_cccccc.gif') repeat-x bottom
}

table.tariff_tabs td.selected {
	background: url('/upload/images/f/tariff_tab_bg.gif') no-repeat;
	padding: 0;
}

table.tariff_tabs td.selected a {
	display: block;
	background: url('/upload/images/f/d_cccccc.gif') repeat-y right;
	padding: 5px 7px 6px 7px
}

table.tariff_tabs td.tab a {
	color: #000000 !important
}

table.tariff_tabs td.tab .sign {
	color: #ff0000
}

table.tariff_tabs td.selected,
table.tariff_tabs td.selected a,
table.tariff_tabs td.selected .sign {
	color: #999999 !important
}

table.tariff_tabs td.service {
	width: 85%;
	background: url('/upload/images/f/d_cccccc.gif') repeat-x bottom;
	vertical-align: bottom;
	padding-bottom: 4px
}

table.tariff_tabs td.service div.button,
table.tariff_tabs td.service div.button_pdf {
	float: right !important;
	margin-left: 5px
}

table.tariff_tabs td div.content {
	border: 1px solid #cccccc;
	border-top: none;
	padding: 15px 12px;
	width: 100%
}

html>body table.tariff_tabs td div.content {
	width: inherit
}

table.tariff_tabs td div.content form {
	margin-bottom: 20px
}


/*** Balloons
*********************************************************/
.balloon {
	position: absolute;
	display: none;
	width: 215px;
	background-color: #adafaf;
	color: #ffffff;
	padding: 2px;
	font-size: 11px
}

.balloon a {
	display: block;
	float: right
}

.balloon div.text {
	clear: both;
	padding: 3px 11px 15px 11px
}


/*** Tables
*********************************************************/
table.data {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	margin-bottom: 1.5em
}

table.data td, table.data th {
	text-align: left
}

table.data thead tr th {
	color: #999999;
	border-bottom: 4px solid #d3d3d3;
	padding: 3px 10px;
	vertical-align: bottom;
	font-weight: normal;
	font-size: 11px
}

table.data thead.subtitle tr th {
	padding-top: 20px
}

table.data tbody tr td {
	vertical-align: top;
	border-bottom: 1px solid #d3d3d3;
	padding: 6px 10px;
	font-size: 11px
}

table.data tbody tr td.bold {
	font-weight: bold;
	font-size: 12px
}

table.data tbody tr td.number {
	text-align: right
}

table.data .centered {
	text-align: center !important
}


table.list {
	width: 100%;
	margin-bottom: 1.5em
}

table.list td {
	vertical-align: top;
	padding-bottom: 20px;
	font-size: 11px
}

table.list td.ol,
table.list td.date {
	width: 5%;
	padding-right: 15px;
	color: #a0a0a0
}

table.list td.ol {
	width: 5%;
	padding-right: 5px;
	color: #a0a0a0;
	text-align: right
}

table.list td div.description {
	margin-top: 10px
}


table.files {
	width: 100%;
	margin-bottom: 1.5em
}

table.files td {
	vertical-align: top;
	padding-bottom: 10px;
	font-size: 11px
}

table.files td.icon {
	width: 5%;
	padding-right: 10px;
	padding-left: 3px
}


table.columns2,
table.columns2_colored {
	width: 100%;
	margin-bottom: 20px
}

table.columns2 th {
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 20px
}

table.columns2 td.first,
table.columns2_colored td.first {
	font-size: 11px;
	width: 49%;
	vertical-align: top
}

table.columns2 td.second,
table.columns2_colored td.second {
	font-size: 11px;
	width: 50%;
	vertical-align: top
}

table.columns2 td.separator,
table.columns2_colored td.separator {
	width: 1%
}

table.columns2 td.separator div {
	width: 20px
}

table.columns2_colored td.separator div {
	width: 13px
}

table.columns2_colored td.first,
table.columns2_colored td.second {
	background-color: #dddddd;
	padding: 11px 13px
}


table.columns3 {
	width: 100%;
	margin-bottom: 20px
}

table.columns3 td.first,
table.columns3 td.second,
table.columns3 td.third {
	width: 32%;
	vertical-align: top
}

table.columns3 td.separator {
	width: 2%
}

table.columns3 td.separator div {
	width: 20px
}


/*** Forms
*********************************************************/
select {
	font-family: Arial, sans-serif;
	font-size: 11px
}

select.wide,
input.wide {
	width: 100%
}

form td.label {
	padding: 5px 10px 10px 0;
	vertical-align: top;
	text-align: right;
	color: #999999;
	white-space: nowrap;
	font-size: 11px;
	width: 25%
}

form td.input {
	padding-bottom: 10px;
	width: 75%
}

form table.chooser td {
	vertical-align: top
}

form table.chooser td label {
	display: block;
	padding: 4px 0 0 5px;
	font-size: 11px
}

form td.labelsearch {
	padding: 5px 8px 0 4px;
	vertical-align: top;
	text-align: left;
	color: #999999;
	white-space: nowrap;
	font-size: 11px;
	width: 2%
}

html>body form td.labelsearch {
	padding-right: 0
}


/*** ISSA
*********************************************************/
table.user {
	width: 80%;
	margin-bottom: 20px
}

table.user td {
	width: 50%;
	vertical-align: top;
	padding: 2px 0;
	font-size: 11px
}

table.selectbox {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: separate;
	border-spacing: 2px;
}

table.selectbox td {
	vertical-align: top;
	padding: 6px 10px;
	font-size: 11px
}

table.pin {
	width: 100%;
	margin-bottom: 15px
}

table.pin th {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	width: 6%!important;
	padding: 3px 0;
}

table.pin td {
	font-size: 11px;
	padding: 2px 0;
	text-align: center
}

table.pin td.warning {
	color: #f00;
	text-align: left
}

table.pin td input {
	width: 90%;
	text-align: center
}

p.error {
	font-size: 12px;
	background: #d5d5d5;
	padding: 4px
}

textarea.agreement {
	width: 60%;
	height: 200px;
}


/*** MMS
*********************************************************/
table.mms {
	width: 100%;
	margin: 10px 0 5px 0
}

table.mms td {
	padding: 4px 0;
	text-transform: uppercase;
	font-size: 10px
}

table.mms td.bordered {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 0!important;
}

table.mms td.rightaligned {
	text-align: right
}	

table.mms td select {
	text-transform: none
}

table.mms td span {
	background: url('/upload/images/f/icon_arrow_black_.gif') no-repeat 0 4px;
	padding: 0 5px 0 8px
}

table.mms td table td a.back,
table.mms td table td span.back {
	background: url('/upload/images/f/icon_arrow_black_back.gif') no-repeat 0 4px;
	padding: 0 5px 0 8px
}

table.mms td table td a.forward,
table.mms td table td span.forward {
	background: url('/upload/images/f/icon_arrow_black_.gif') no-repeat 100% 4px;
	padding: 0 8px 0 5px
}
table.mms td table td span.forward,
table.mms td table td span.back {
	color:#FF0000
}
table.mmslist {
	width: 100%;
	margin-bottom: 20px
}

table.mmslist td {
	vertical-align: top;
	width: 50%;
	font-size: 10px
}

table.mmslist td.folder {
	background: url('/upload/images/f/icon_folder.gif') no-repeat 3px 17px;
	text-transform: uppercase
}

table.mmslist td.folder a {
	display: block;
	margin: 17px 3px 0 47px;
}

table.mmslist td.folder div {
	display: block;
	color: #999;
	margin: 6px 3px 0 47px;
}

table.mmsitem {
	width: 100%;
	margin-top: 10px
}

table.mmsitem th {
	width: 34%;
	padding-top: 6px;
	vertical-align: top;
}

table.mmsitem td {
	vertical-align: top;
	line-height: 1.1;
	font-size: 11px
}

table.mmsitem td p {
	color: #666;
	margin: 5px 5px 0 0;
}

table.mmsitem td div {
	color: #ccc;
	margin: 8px 5px 0 0;
}

p.mmsnote {
	color: #999
}


/*** Dynamic lists
*********************************************************/
dl.dlist dd {
	margin: 4px 4px 4px 20px;
}

dl.dlist dd.opened {
	display: block;
}

dl.dlist dd.closed {
	display: none;
}


/*** Sitemap
*********************************************************/
div.sitemapItem	{
	font-size: 11px;
	margin: 0 10px 1.5em 10px;
	text-indent: -10px;
}

div.sitemapItem	img {
	margin-right: 3px;
}

div.sitemapItem div	{
	font-size: 10px;
	margin: 1px 0 0 10px;
	text-indent:0;
}

div.sitemapItem div	a {
	color: #999;
}

/*** Contest
*********************************************************/
table.contest {
	width: 100%;
	clear: both;
	margin: 20px 0
}

table.contest td.spacer {
	width: 3%;
	background: url('/upload/images/f/contest_bg.gif') repeat-y
}

table.contest td.spacer div {
	width: 23px!important;
	font-size: 1px
}

table.contest td.item {
	vertical-align: top;
	width: 34%;
}

table.contest td.item_first {
	vertical-align: top;
	width: 29%;
}

table.contest_item {
	margin: 0 0 10px 20px;
	width: 128px;
}

table.contest_item th {
	width: 128px;
	height: 134px;
	vertical-align: top
}

.first {
	margin-left: 0!important
}

table.contest_item td.rank {
	width: 38px;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #f00
}

table.contest_item td.name {
	vertical-align: top;
	font-size: 11px;
}

table.contest_item td.name table, table.ranking {
	width: 100%;
	margin: 3px 0 0 0;
	border-top: 1px solid #cfcfcf;
}

table.contest_item td.name table td, table.ranking td {
	width: 20%;
	font-size: 10px;
	padding: 2px 0;
	text-align: center
}

table.contest_item td.name table td input, table.ranking td input {
	width: 13px;
	height: 10px;
}

div#hidden_text, div#hidden_image {
	display: none;
	padding: 10px 0 0 0;
}

table.contest_list {
	width: 100%;
	clear: both;
	margin: 20px 0
}

table.contest_list td {
	vertical-align: top;
	padding: 4px 0;
}

table.contest_list td.rank {
	width: 40px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #f00;
}

table.contest_list td.name {
	font-size: 11px;
}

table.contest_list td.name p {
	margin: 5px 0 0 0;
	color: #999
}

table.contest_list td.name div {
	width: 100px;
}


/*** Contest popups
*********************************************************/
div.popup_head {
	width: 100%;
}

div.popup_head img {
	margin: 10px
}

div.popup_text_frame {
	width: 300px;
	margin: 0 10px 10px 10px;
	border: 1px solid #e5e5e5;
	height: 200px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	overflow: scroll
}

div.popup_text_frame p {
	margin: 3px 3px 7px 3px
}

table.popup_image {
	width: 300px;
	margin: 0 10px 10px 10px;
	border: 1px solid #e5e5e5;
	height: 300px;
}

table.popup_image td {
	text-align: center
}

div.popup_name {
	width: 300px;
	clear: both;
	height: 20px;
	margin: 0 10px 0 10px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

div.popup_rank {
	width: 300px;
	margin: 0 10px 0 10px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #f00;
}

div.popup_vote {
	width: 100px;
	margin: 0 10px 0 10px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

table.popup_buttons {
	width: 300px;
	margin: 0 10px 0 10px;
	height: 20px;
}

table.popup_buttons th {
	width: 220px;
	text-align: left;
}

table.popup_buttons td {
	width: 80px;
	text-align: right;
}