/*
MAIN COLORS 
#00A6AE = darkcyan (links, H2)
*/

@font-face {
	font-family: 'Montserrat Subrayada';
	src: url('../fonts/montserrat_subrayada/MontserratSubrayada-Regular.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat Subrayada';
	src: url('../fonts/montserrat_subrayada/MontserratSubrayada-Bold.woff');
	font-weight: bold;
	font-style: normal;
}


body {
padding: 0px;
margin: 0px;
background-color: #FFF;
font-family: "Courier New", Courier, monotype;
text-align: center;
font-size: 80%;
font-weight: normal;
line-height: 150%;
color: #000; }

form {
margin: 0px;
padding: 0px; }

div {
display: block;
position: relative;
margin: 0px;
padding: 0px;
text-align: left; }

div.table { display: table; border-collapse: collapse; }
div.tr { display: table-row; }
div.td { display: table-cell; vertical-align: top; }

p {
font-size: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: right;
line-height: 150%; }

pre {
color: #000;
font-size: 95%;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: right;
line-height: 130%;
font-family: "Courier New", Courier, monotype;
}

img {
border: 0px;
margin: 0px;
padding: 0px; }

hr {
padding: 0px;
margin: 0px; }

ol {
margin: 0px 0px 0px 3px;
padding: 0px 0px 0px 0px; }

ul {
margin: 0px 0px 0px 3px;
padding: 0px 0px 0px 0px; }

li {
margin: 0px 0px 0px 14px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
line-height: 150%;
color: #000; }

ol li {
margin: 0px 0px 15px 14px; }

table {
border-spacing: 0;
border-collapse: collapse;
empty-cells: show; }

td, th {
font-family: "Courier New", Courier, monotype;
color: #000;
font-size: 100%;
line-height: 150%;
vertical-align: top; }

td p {
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: right;
line-height: 150%; }

h1 {
position: relative;
font-size: 47px;
line-height: 47px;
font-family: "Montserrat Subrayada", "Courier New", Courier, monotype;
text-align: center;
font-weight: bold;
color: #000;
letter-spacing: 0px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 10px 0px;
}

h1 a {
color: #000;
text-decoration: none;
border: none; }

h1 a:hover {
color: #000;
text-decoration: none;
border: none; }

h2 {
font-size: 36px;
line-height: 36px;
font-family: "Montserrat Subrayada", "Courier New", Courier, monotype;
font-weight: bold;
/*font-style: italic;*/
color: #00A6AE;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px; }

h2 a {
color: #00A6AE;
text-decoration: none;
border: none; }

h2 a:hover {
color: #00A6AE;
text-decoration: none;
border: none; }

h3 {
font-size: 28px;
line-height: 28px;
font-family: "Montserrat Subrayada", "Courier New", Courier, monotype;
font-weight: bold;
/*font-style: italic;*/
color: #00A6AE;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px; }

h3 a {
color: #00A6AE;
text-decoration: none;
border: none; }

h3 a:hover {
color: #00A6AE;
text-decoration: none;
border: none; }

h4 {
font-size: 14px;
line-height: 18px;
font-family: "Courier New", Courier, monotype;
color: #D382FF;
font-weight: bold;
margin: 0px 0px 6px 0px;
padding: 0px 0px 0px 0px; }

h4 a {
color: #D382FF;
text-decoration: none;
border: none; }

h4 a:hover {
color: #D382FF;
text-decoration: none;
border: none; }

h5 {
font-family: "Courier New", Courier, monotype;
font-size: 12px;
font-weight: bold;
color: #999;
margin: 0px;
padding: 0px; }

h5 a {
color: #999;
text-decoration: none;
border: none; }

h5 a:hover {
color: #999;
text-decoration: none;
border: none; }

h6 {
font-family: "Courier New", Courier, monotype;
font-size: 100%;
color: #4E4478;
font-weight: normal;
margin: 8px 0px 0px 0px;
padding: 0px;
text-align: left;
line-height: 150%; }


a {
color: #00A6AE;
text-decoration: none;
/*border-bottom: 1px dotted #00A6AE;*/
outline-width: 0px; 
outline: none; }

a:hover {
color: #00A6AE;
text-decoration: underline;
/*border-bottom: 1px dotted #00A6AE;*/
outline-width: 0px; 
outline: none; }

a img {
text-decoration: none; }

a:hover img {
text-decoration: none; }

.imgHref {
margin-right: 5px; text-decoration: none; vertical-align: top; cursor: pointer; }

.ImageOnRight {
margin: 0px 0px 10px 15px;
float: right; }

.ImageOnRight img {
margin: 0px 0px 10px 15px;
float: right; }

.ImageOnLeft {
margin: 0px 15px 10px 0px;
float: left; }

.ImageOnLeft img {
margin: 0px 15px 10px 0px;
float: left; }

.imageonright {
margin: 0px 0px 10px 15px;
float: right; }

.imageonright img {
margin: 0px 0px 10px 15px;
float: right; }

.imageonleft {
margin: 0px 15px 10px 0px;
float: left; }

.imageonleft img {
margin: 0px 15px 10px 0px;
float: left; }

.LightViolet, .lightviolet {
color: #D382FF; }

.DarkCyan, .darkcyan {
color: #00A6AE; }

.Violet, .violet {
color: #776D9F; }

.DarkViolet, .darkviolet {
color: #2C0641; }

.LightOrange {
color: #FC0; }

.Orange {
color: #F90; }

.DarkOrange {
color: #F60; }

.Red {
color: #F00; }

/* style for whole table */
.tableCellBold td {
font-weight: bold; }
.tableCellCenter td {
text-align: center; }
.tableCellBoldCenter td {
font-weight: bold;
text-align: center; }

.clearAll { display: block; width: 0px; height: 0px; font-size: 0px; clear: both; float: none; margin: 0; padding: 0; line-height: 0%; }
/*input:focus { outline: #962 solid 1px; outline-offset: -1px; }*/

/* elements */
input[type=text], input[type=password], input[type=file] {
	height: 16px; font-size: 11px; color: #333; font-weight: normal; text-align: left; font-family: "Courier New", Courier, monotype;
	background-color: #FFF; padding: 1px 2px; border: 2px ridge #999;
	/*border: 1px solid #CCC; border-right: 1px solid #999; border-bottom: 1px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
} /* Verdana, Tahoma, */
textarea {
	font-size: 11px; color: #333; font-weight: normal; text-align: left; font-family: "Courier New", Courier, monotype;
	background-color: #FFF; padding: 1px 2px; border: 2px ridge #999;
	/*border: 1px solid #CCC; border-right: 1px solid #999; border-bottom: 1px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
} /* Verdana, Tahoma, */
select {
	font-size: 11px; color: #333; font-weight: normal; text-align: left; font-family: "Courier New", Courier, monotype; 
	background-color: #FFF; padding: 1px 0px 1px 2px;border: 2px ridge #999;
	/*border: 1px solid #CCC; border-right: 1px solid #999; border-bottom: 1px solid #999; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 4px;*/
} /* Verdana, Tahoma, */
option {
	font-size: 11px; color: #333; font-weight: normal; text-align: left; font-family: "Courier New", Courier, monotype;
	background-color: #FFF; padding: 0px;
} /* Verdana, Tahoma, */
input[type=radio], input[type=checkbox] {
	border: none; background-color: transparent; vertical-align: middle; padding: 0px; margin: 0px; }

/* BUTTONs round */
button {
	display: inline; height: 22px; font-size: 13px; line-height: 18px; vertical-align: middle; padding: 0px 15px 4px 15px; color: #000; font-weight: normal;
	background: transparent url(../img/chat_bg_button.png) center repeat-x; cursor: pointer;
	border: 1px solid #333;
}
button:hover {
	background: transparent url(../img/chat_bg_button_over.png) center repeat-x;
}
button img {
	float: left; display: block; width: 13px; height: 13px; margin: 0px 6px 0px 0px;  vertical-align: middle; background: transparent; outline-width: 0px;
}
button span {
	float: left; display: block; height: 13px; text-align: center; margin: 0px auto 0px auto; vertical-align: middle; padding: 0px; outline-width: 0px;
}

button[type="reset"] {
}
button[type="button"] {
}
button[type="submit"] {
}

button[class="buttonGray"] {
	background: transparent url(../img/chat_bg_button_gray.png) center repeat-x;
}
button[class="buttonGray"]:hover {
	background: transparent url(../img/chat_bg_button_over.png) center repeat-x;
}

a[class="button"] {
	display: inline; font-size: 13px; padding: 1px 18px 3px 18px; color: #000; font-weight: normal;
	background: transparent url(../img/chat_bg_button.png) center repeat-x; cursor: pointer;
	border: 1px solid #333;
}
a[class="buttonGray"] {
	display: inline; font-size: 13px; padding: 1px 18px 3px 18px; color: #000; font-weight: normal;
	background: transparent url(../img/chat_bg_button_gray.png) center repeat-x; cursor: pointer;
	border: 1px solid #333;
}
a[class="button"]:hover, a[class=buttonGray]:hover {
	background: transparent url(../img/chat_bg_button_over.png) center repeat-x;
}
a[class="buttonRed"] {
	display: inline; font-size: 13px; padding: 1px 18px 3px 18px; color: #000; font-weight: normal;
	background: transparent url(../img/chat_bg_red_button.png) center repeat-x; cursor: pointer;
	border: 1px solid #333;
}
a[class="buttonRed"]:hover {
	background: transparent url(../img/chat_bg_red_button_over.png) center repeat-x;
}

.mainButton { background: #026; }
.backButton { background: #666; }
.resetButton { background: #888; }
.imageButton { background: none; text-align: center; padding: 0px; border: none; }

.bgYellow {
	color: #000; background-image: url(../img/bg_button_yellow.gif); border: 1px solid #FA0; }
.bgOrange {
	color: #000; background-image: url(../img/bg_button_orange.gif); border: 1px solid #F60; }
.bgGreen {
	color: #000; background-image: url(../img/bg_button_green.gif); border: 1px solid #5B0; }
.bgBlue {
	color: #000; background-image: url(../img/bg_button_blue.gif); border: 1px solid #19C; }
.bgLightBlue {
	color: #000; background-image: url(../img/bg_button_lightblue.gif); border: 1px solid #09F; }
.bgRed {
	color: #000; background-image: url(../img/bg_button_red.gif); border: 1px solid #E00; }
.bgLightPurple {
	color: #000; background-image: url(../img/bg_button_lpurple.gif); border: 1px solid #C0B; }
.bgMediumPurple {
	color: #000; background-image: url(../img/bg_button_mpurple.gif); border: 1px solid #C0B; }

.chatHighlightText {
	color: #D382FF;
}


/*    ERROR MESSAGE    */
#topError {
position: relative; width: 100%; margin: 0px; padding: 20px 0px; background-color: #EDEDED; } /*border-bottom: 1px solid #999; */
#topError h1 {
color: #F00; font-size: 200%; text-align: center; }
#topError div {
padding: 10px; margin: 10px auto 0px auto; text-align: center; border: 2px dotted #900; background: #FEE; }
#topError span {
display: block; text-align: center; }

/*    OLD BROWSER MESSAGE    */
#oldBrowser {
width: 1000px; background: #FF3; margin: 0px auto; border-top: 1px solid #FF3; border-bottom: 1px solid #FF3; }
#oldBrowser div {
margin: 10px; text-align: center; }
#oldBrowser span {
color: #A00; font-weight: bold; }
#oldBrowser a, #oldBrowser a:hover {
color: #A00; text-decoration: underline; font-weight: bold; }

/*    NO COKKIES OR JAVASCRIPT    */
#cookiesJavasript {
position: fixed; top: 20px; left: 50%; margin-left: -480px; width: 960px; z-index: 202;
background: #FFB7E0; border-top: 1px solid #FFB7E0; border-bottom: 1px solid #FFB7E0; }
#cookiesJavasript div {
color: #333; margin: 10px; text-align: center; }
#cookiesJavasript span {
color: #006; font-weight: bold; }
#cookiesJavasript a, #oldBrowser a:hover {
color: #006; text-decoration: underline; font-weight: bold; }



/*****************************************************************************************************************/
/***********************************************    MAIN DIV    ******************************************************/
/*****************************************************************************************************************/
#mainDiv {
	position: relative; width: 800px; margin: 15px auto 0px auto;
}

/***    TOP WEB NAVIGATION (LEVEL 2)    ***/
#navigation {
width: 800px; margin: 0px 0px 0px 0px; padding: 20px 0px 30px 0px; text-align: center; vertical-align: top; border-bottom: 1px #DDD solid; }
#navigation span {
padding: 0px 30px; color: #000; font-size: 100%; vertical-align: top; }
#navigation span[class=spanFirst] {
margin-left: 0px; }
#navigation a {
	margin: 0px 0px 0px 0px; color: #000; text-decoration: none; text-align: center; font-size: 180%; font-weight: bold; font-style: normal; white-space: nowrap; vertical-align: top;
	font-family: "Montserrat Subrayada", "Courier New", Courier, monotype;
}
#navigation a:hover {
	color: #00A6AE;
	text-decoration: none;
}
#navigation .aActive {
	color: #00A6AE;
	text-decoration: none;
}



/****************************************************************************/
/******************             MAIN CATEGORY          *******************************/
/****************************************************************************/
#mainCategoryDiv {
width: 700px; margin: 30px auto 0px auto; text-align: right; overflow: auto; }



/****************************************************************************/
/**********************              CATEGORY TEXT              ************************/
/****************************************************************************/
#categoryTextMain {
	margin: 0px; overflow: auto; }



/****************************************************************************/
/******************            MUSIC CATEGORY          *******************************/
/****************************************************************************/
#musicDiv {
	width: 800px; margin: 20px auto 0px auto; text-align: right; overflow: auto; }

#musicTable {
	width: 600px; display: block; float: left; }
#musicTable td {
	width: 100px; height: 100px; padding: 0; }
#musicTable td[class="musicBg"] {
	background: transparent url(../img/music-mp3.png) center no-repeat; cursor: pointer; }
#musicTable td table {
	width: 100px; height: 100px; }
#musicTable td table th[class="musicName"] {
	height: 50px; color: #FFF; text-align: center; vertical-align: middle; line-height: 110%;
	background: transparent url(../img/music-mp3-overlay-90.png) top left repeat; padding: 0; }
#musicTable td table th[class="musicPlayOff"] {
	height: 50px; background: transparent url(../img/blank.gif) top left repeat; padding: 0; }
#musicTable td table th[class="musicPlayOn"] {
	height: 50px; background: transparent url(../img/overlay-white-70.png) top left repeat; padding: 0; }
/*	height: 50px; background: transparent url(../img/music-mp3-overlay-90.png) top left repeat; }*/
#musicTable td table th .musicPlayDiv {
	visibility: hidden; width: 100px; height: 50px; margin: 0; padding: 0; }

#musicStyles {
	float: left; margin-left: 38px; width: 160px; font-size: 120%; }
#musicStyles h2 {
	position: absolute; top: -9999px; left: 0; }
#musicStyles div {
	margin-bottom: 5px; }
#musicStyles div span {
	padding: 2px 5px; background-color: transparent; color: #000;}
#musicStyles div span[class="musicStyleLight"] {
	background-color: #00A6AE; color: #FFF; }



/****************************************************************************/
/******************                   HEADER                     ****************************/
/****************************************************************************/
#header {
	position: fixed; width: 100%; left: 0px; top: 0px; padding: 0px 0px; clear: both; float: none; text-align: center; font-size: 9px; color: #999; background: #FFF; border-bottom: 1px solid #CCC; z-index: 100; }
#headerContent {
	width: 800px; margin: 0px auto; text-align: center; }
#header a {
	color: #CCC; }
#header a:hover {
	color: #CCC; }


/****************************************************************************/
/******************                   FOOT                     *******************************/
/****************************************************************************/
#foot {
	position: fixed; width: 100%; left: 0px; bottom: 0px; padding: 2px 0px; clear: both; float: none; text-align: left; font-size: 11px; color: #999; background: #FFF; border-top: 1px solid #CCC; z-index: 100; } /*	border: 1px solid red; 	*/
#footContent {
	width: 800px; margin: 0px auto; }
#foot a {
	color: #CCC; }
#foot a:hover {
	color: #CCC; }



	
/*    Inline Error  */
.inlineError {
	background-color: #FEE;
	/*
	background-image: url(../img/admin-bg-white-pink.gif); background-position: 50% 40%; background-repeat: repeat-x;
	background: transparent url('../img/blank.gif') center center no-repeat; 
	*/
	border: 3px #2C0641 solid; -webkit-border-radius: 7px 7px; border-radius: 7px 7px;
	padding: 5px; font-family: "Courier New", Courier, monotype; z-index: 100;
	-webkit-box-shadow: #2C0641 0px 0px 5px;
	-moz-box-shadow: #2C0641 0px 0px 5px;
	box-shadow: #2C0641 0px 0px 5px;
	behavior: url(../config/pie/PIE.htc);
}
.inlineErrorText {
	overflow: auto; margin: 0px auto; text-align: center; color: #000;
}
/*    Inline OK  */
.inlineOK {
	background-color: #CF9;
	/*
	background-image: url(../img/admin-bg-white-green.gif); background-position: 50% 40%; background-repeat: repeat-x;
	background: transparent url('../img/blank.gif') center center no-repeat; 
	*/
	border: 3px #2C0641 solid; -webkit-border-radius: 7px 7px; border-radius: 7px 7px;
	padding: 5px; font-family: "Courier New", Courier, monotype; z-index: 100;
	-webkit-box-shadow: #2C0641 0px 0px 5px;
	-moz-box-shadow: #2C0641 0px 0px 5px;
	box-shadow: #2C0641 0px 0px 5px;
	behavior: url(../config/pie/PIE.htc);
}
.inlineOKText {
	overflow: auto; margin: 0px auto; text-align: center; color: #000;
}


/*    AJAX BackGround    */
#ajaxBackground {
	display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; border: none; z-index: 50;
	opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9;
}
/*    AJAX Waiting    */
#ajaxWaiting {
	display: none; position: fixed; top: 0px; left: 0px; width: 200px; height: auto; padding-bottom: 20px;
	background-color: #000; text-align: center; 
	color: #000; font-size: 13px; font-family: "Courier New", Courier, monotype; z-index: 100;
	-webkit-box-shadow: #CCC 0px 0px 15px;
	-moz-box-shadow: #CCC 0px 0px 15px;
	box-shadow: #CCC 0px 0px 15px;
	behavior: url(../config/pie/PIE.htc);
}
#ajaxWaiting img {
	display: block; margin: 20px auto;
}
/*    AJAX Frame    */
#ajaxFrame {
	display: none; position: fixed; top: 0px; left: 0px; width: 450px; height: auto; padding-bottom: 10px;
	background: transparent url('../img/blank.gif') center center no-repeat; 
	border: none;
	font-family: "Courier New", Courier, monotype; z-index: 100;
	-webkit-box-shadow: #CCC 0px 0px 15px;
	-moz-box-shadow: #CCC 0px 0px 15px;
	box-shadow: #CCC 0px 0px 15px;
	behavior: url(../config/pie/PIE.htc);
}
#ajaxFrameClose {
	position: absolute; top: 7px; right: 7px; width: 26px; height: 26px;
	background: transparent url(../img/chat_button_close.png) 0px 0px no-repeat;
	border: none; cursor: pointer; z-index: 10;
}
#ajaxFrameClose:hover {
	background: transparent url(../img/chat_button_close.png) -26px 0px no-repeat;
}
#ajaxFrame hr {
	display: block; width: 406px; height: 1px; background-color: transparent; margin: 0 auto; 
	border: none; border-top: 1px solid #D382FF;
}
#ajaxFrameCategoryText {
	width: 430px; height: 340px; overflow: auto; margin: 0px auto 10px auto; text-align: center;
}
#ajaxFrameCategoryText p {
	text-align: center;
}

/*    AJAX Frame Error  */
#ajaxFrameError {
	display: none; position: fixed; top: 0px; left: 0px; width: 450px; height: auto; padding-bottom: 10px;
	background: transparent url('../img/blank.gif') center center no-repeat; 
	border: none;
	font-family: "Courier New", Courier, monotype; z-index: 100;
	-webkit-box-shadow: #CCC 0px 0px 15px;
	-moz-box-shadow: #CCC 0px 0px 15px;
	box-shadow: #CCC 0px 0px 15px;
	behavior: url(../config/pie/PIE.htc);
}
#ajaxFrameError hr {
	display: block; width: 406px; height: 1px; background-color: transparent; margin: 0 auto; 
	border: none; border-top: 1px solid #F88;
}
#ajaxFrameErrorText {
	width: 430px; overflow: auto; margin: 0px auto 10px auto; text-align: center;
}
/*    AJAX Frame OK  */
#ajaxFrameOK {
	display: none; position: fixed; top: 0px; left: 0px; width: 450px; height: auto; padding-bottom: 10px;
	background: transparent url('../img/blank.gif') center center no-repeat; 
	border: none;
	font-family: "Courier New", Courier, monotype; z-index: 100;
	-webkit-box-shadow: #CCC 0px 0px 15px;
	-moz-box-shadow: #CCC 0px 0px 15px;
	box-shadow: #CCC 0px 0px 15px;
	behavior: url(../config/pie/PIE.htc);
}
#ajaxFrameOK hr {
	display: block; width: 406px; height: 1px; background-color: transparent; margin: 0 auto; 
	border: none; border-top: 1px solid #8F8;
}
#ajaxFrameOKText {
	width: 430px; overflow: auto; margin: 0px auto 10px auto; text-align: center;
}

/*    REDAKS Message    */
#redaksMessage {
	display: block; position: fixed; top: 150px; left: 50%; margin-left: -400px; width: 800px; padding: 10px; z-index: 202;
	font-size: 160%; line-height: 130%; font-weight: bold; color: #F00; font-family: "Courier New", Courier, monotype;
	border: 10px solid #F00; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; 
	background-color: #FFF; text-align: center;
}

/*    AJAX 5 Minutes Left  */
#ajaxMinutesLeft {
	display: none; position: absolute; top: 18px; left: 275px; width: 450px; height: auto; padding: 10px 0; z-index: 2000;
	background: transparent url('../img/blank.gif') center center no-repeat; 
	border: 3px #2C0641 solid; -webkit-border-radius: 7px 7px; border-radius: 7px 7px;
	text-align: center; font-weight: bold; font-family: "Courier New", Courier, monotype;
	-webkit-box-shadow: #2C0641 0px 0px 5px;
	-moz-box-shadow: #2C0641 0px 0px 5px;
	box-shadow: #2C0641 0px 0px 5px;
	behavior: url(../config/pie/PIE.htc);
}

/*    iOS Mobile Browser  */
#iOSMobileBrowser {
	display: block; position: absolute; top: -35px; left: 0px; width: 500px; height: auto; padding: 5px 10px; z-index: 2000;
	background: transparent url('../img/blank.gif') center center no-repeat; 
	border: 3px #2C0641 solid; -webkit-border-radius: 7px 7px; border-radius: 7px 7px;
	text-align: center; font-weight: normal; font-family: "Courier New", Courier, monotype;
	-webkit-box-shadow: #2C0641 0px 0px 5px;
	-moz-box-shadow: #2C0641 0px 0px 5px;
	box-shadow: #2C0641 0px 0px 5px;
	behavior: url(../config/pie/PIE.htc);
}
#iOSMobileBrowser img {
	float: left; margin-right: 5px; margin-bottom: 20px;
}
#iOSMobileLogout {
	display: block; position: absolute; bottom: 80px; right: -50px; width: 200px; height: auto; padding: 5px 10px; z-index: 2000;
	background: transparent url('../img/blank.gif') center center no-repeat; 
	border: 3px #2C0641 solid; -webkit-border-radius: 7px 7px; border-radius: 7px 7px;
	text-align: center; font-weight: normal; font-family: "Courier New", Courier, monotype;
	-webkit-box-shadow: #2C0641 0px 0px 5px;
	-moz-box-shadow: #2C0641 0px 0px 5px;
	box-shadow: #2C0641 0px 0px 5px;
	behavior: url(../config/pie/PIE.htc);
}
#iOSMobileLogout img {
	float: left; margin-right: 5px; margin-bottom: 20px;
}
#iOSMobileLogout button {
	margin-top: 5px;
}


/****************************************************************************/
/*************************    CONTACT form    **********************************/
/****************************************************************************/
#contactMain {
	margin: 5px auto auto 0px; padding-top: 25px; text-align: center; }
#contactMain div {
	text-align: center; vertical-align: middle; }
#contactMain table {
	position: relative; }
#contactMain th {
	width: 180px; font-weight: normal; }
#contactMain td {
	vertical-align: middle; }

#contactMain select {
	width: 256px; margin: 1px 0px 2px 0px; }
#contactMain input[type=text] {
	width: 250px; margin: 1px 0px 2px 0px; }
#contactMain textarea {
	width: 500px; height: 130px; margin: 1px 0px 2px 0px; }
#contactMain input[type=radio] {
	vertical-align: top; margin-top: 3px; }
#contactMain .radioDescription {
	vertical-align: top; padding: 0px 15px 0px 5px; }
#contactMain input[type=checkbox] {
	}
#contactMain label {
	/*visibility: hidden; height: 20px; margin: 0px 0px 0px 20px; padding: 0 10px; background-color: #F00; color: #000; border: 1px solid red; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;*/
	visibility: hidden; height: 20px; margin: 0px 0px 0px 20px; padding: 0; background-color: transparent; color: #F00; }
#contactMain button {
	display: inline; }


/* popup FORGOT PASSWORD  */
#forgotPasswordMessages {
	position: relative; width: 100%; margin: 5px auto 0px auto; background: #E0E9F0; font-size: 12px; font-weight: bold; text-align: left; display: none; border: 1px solid red; }
#messagesDiv {
	display: block; position: relative; width: 600px; margin: 5px auto 5px auto; background-color: #F00; color: #000; font-size: 11px; font-weight: bold; text-align: center; border: 1px solid red; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#messagesOkFromDB {
	position: relative; width: 600px; margin: 10px auto 20px auto; background: #E0E9F0; font-size: 12px; font-weight: bold; text-align: left; display: none; border: 1px solid red; }
.messagesDiv {
	position: relative; margin: 20px auto 20px auto; background: #E0E9F0; font-size: 12px; font-weight: bold; text-align: center; line-height: 130%; border: 3px double red; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; }
.msgH {
	font-size: 12px; color: #000; text-align: center; line-height: 130%; margin: 3px; }
.msgHead {
	font-size: 14px; color: #000; text-align: center; line-height: 130%; margin: 3px; }
.msgOk {
	font-size: larger; color: #888; text-align: center; line-height: 130%; margin: 3px; }
.msgNo {
	font-size: larger; color: #000; text-align: center; line-height: 130%; margin: 3px; }


.infoBoxFormB
	{ position: absolute; width: 300px; top: 15px; left: 10px; z-index: 100; display: none; }
.infoBoxFormB img
	{ display: block; position: absolute; top: 0px; left: 20px; width: 17px; height: 15px; }
.infoBoxFormB div
	{ margin-top: 15px; padding: 4px 6px 6px 6px; background: #FFD; text-align: center; border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.infoBoxFormB span
	{ display: block; font-weight: bold; font-size: 120%; color: #026; text-align: center; padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px dotted #026; }




#showAjax { width: 1000px; margin: 0px auto 25px auto; padding: 10px; }

/* ADMIN TEST BLOCK with paths, variables etc. */
#showTest { width: 1000px; margin: 15px auto 15px auto; padding: 10px; border: 1px solid #999; background: #EEF; color: #000; }
#showTest h1 { padding: 0px; margin-bottom: 20px; }
#showTest div { padding: 3px 0px; border-bottom: 1px dotted #999; }
#showTest span { color: #00F; font-weight: bold; }