body {
    background-color: #000;
    font-family: "Century Gothic", "Segoe UI",Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
    font-size: 0.8em;
}
body#auth_template, body#reg_dialog_template {
    background-color: #F9F9F9;
}

table {
    border-collapse: collapse;
}

a img {
    border-width: 0;
}

.bg_grey {
    background-color: grey;
}

.bg_white {
    background-color: white;
}

.vedio {
    margin-bottom: 10px;
}

#wrapper {
    margin: 25px auto;
    width: 960px;
}

#user_bar {
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    background-color: #e8e8e8;
    line-height: 30px;
    height: 30px;
}

#welcome_msg {
    float: right;
    margin-right: 10px;
}

#user_bar .action {
    margin-right: 10px;
    float: right;
}

#sponsors_page {
    margin-left: 10px;
}
#sponsors_page .sponsor_container {
    margin-bottom: 20px;
}
#sponsors_page table th{
    text-align: left;
    font-size: 1.3em;
}
#sponsors_page table td{
    text-align: center;
    padding: 0 5px 0 5px;
    vertical-align: bottom;
}

#banner {
    background-color: #FFF;
    border-bottom:0 none;
    height: 199px;
}
#logo {
    float: left;
    background: url('../images/em_logo.png') no-repeat;
    margin: 20px 50px;
    width: 400px;
    height: 159px;
    align: center;
}
#primaryNavigation {
    margin-top: 0.8em;
    font-weight: bold;
}

#primaryNavigation ul {
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    padding: 0 0 0 10px;
    margin: 0;
    background-color: #83C3CC;
    height: 35px;
}
#primaryNavigation li {
    float: left;
    list-style: none;
    border-right: 1px solid #FFF;
}
#primaryNavigation li current {
    border-right: none;
}
#primaryNavigation li a {
    font-size: 1.3em;
    padding: 5px 20px;
    display: block;
    color: #FFF;
    line-height: 25px;
    text-align: center;
    background-color: #83C3CC;
    text-decoration: none;
}
#primaryNavigation li.current {
}
#primaryNavigation li.current a {
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    margin-top: -5px;
    line-height: 30px;
    background-color: #FFF;
    color: #000;
}
#primaryNavigation li a:hover {
    background-color: #23ACBF;
}
#primaryNavigation li.current a:hover {
    background-color: #FFF;
}

#content {
    float: left;
    background-color: white;
    width: 680px;
    padding: 10px 15px;
    min-height: 1200px;
}

#sidebar {
    float: right;
    width: 230px;
    padding: 10px 10px;
}
#sidebar .sponsors {
    text-align: center;
}
#sidebar .sponsors p{
    margin: 0 0 5px 0;
}

#audition_countdown {
    float: right;
    margin: 50px 30px 0 0;
}
#audition_countdown h2 {
    text-align: center;
    color: #666666;
}

#footer {
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    clear: both;
    background-color: #83C3CC;
    color: white;
    
    display: inline-block;
    /* For IE5 */
    _height: 1%;
}
#footer {
    display: block;
}
/* Solve the 'containing float element' issue */
#footer:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#footer .logo {
    float: right;
}
#footer .info {
    margin: 10px 20px 0 0;
    float: right;
    text-align: right;
}

/* Toggle display property from inline-block to block
    solve the 'containing float element' problem in IE */
.news {
    display: inline-block;
    /* For IE5 */
    _height: 1%;
}
.news {
    display: block;
}

/* Solve the 'containing float element' issue */
.news:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.news {
    border-bottom: 3px dotted #AA7EB6;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.news .button {
    border:1px solid #E5E5E5;
    background-color: #83C3CC;
    color: white;
    font-size: 1.5em;
}

#main h1 {
    color: #AA7EB6;
}
#auth_main h1 , #reg_dialog_main h1 {
    color: #AA7EB6;
    text-align: center;
}

/* Toggle display property from inline-block to block
    solve the 'containing float element' problem in IE */
#main {
    background-color: #e8e8e8;
    display: inline-block;
    /* For IE5 */
    _height: 1%;
}
#main {
    display: block;
}

/* Solve the 'containing float element' issue */
#main:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.errorindicator {
    border: 2px solid red;
    padding: 0.5em;
    background-color: #fffead;
    color: red;
    margin-bottom: 1em;
}

#auth_main, #reg_dialog_main {
    width: 400px;
    margin: 25px auto;
}

#auth_content, #reg_dialog_content {
    -moz-border-radius:11px 11px 11px 11px;
    -moz-box-shadow:0 4px 18px #C8C8C8;
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #E5E5E5;
    font-weight:normal;
    padding:16px;
    margin-top: 10px;
}

#redirect_msg {
    color: #777777;
}

#auth_template form ul, #reg_dialog_template form ul {
    list-style: none;
    padding:0px;
}
#auth_template form li, #reg_dialog_template form li {
    width: 100%;
    padding-bottom: 1em;
}
#auth_template form label {
    color: #777777;
}
#auth_template form input, #reg_dialog_template form input {
    border:1px solid #E5E5E5;
    font-size: 1.5em;
}
#auth_template form .button, #reg_dialog_template form .button {
    position: relative;
    float: right;
    background-color: #83C3CC;
    color: white;
}
form .errortext {
    margin-top: 3px;
    background: url('../icons/error.png') no-repeat;
    text-indent: 20px;
    color: red;
}
#auth_template form .text {
    color: #777777;
}

.audi_date_container {
    margin: 0 0 20px 20px;;
    float: left;
    clear: both;
    width: 700px;
}
.audi_date_container table td {
    padding: 0 20px;
}
.audi_date_container label.disabled {
    color: #777777;
    text-decoration: line-through;
}

.collapsible {
    line-height: 1.5em;
}

/* Style for JQuery CountDown plugin*/
/**
	By Ten Seven Interactive
	http://ten7i.com/
	
	May 10, 2009 - after years of practice
**/
#t_timer {
	height: 55px; 
	position: relative;
}

#t_vals {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t_numbs {
	font-size: 28px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}

#t_y {
	background-image: url('../images/Countdown2.png');
	background-repeat: no-repeat;
	float:left;
	width: 48px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t_d {
	background-image: url('../images/Countdown3.png');
	background-repeat: no-repeat;
	float:left;
	width: 71px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t_h {
	background-image: url('../images/Countdown2.png');
	background-repeat: no-repeat;
	float:left;
	width: 48px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t_m {
	background-image: url('../images/Countdown2.png');
	background-repeat: no-repeat;
	float:left;
	width: 47px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t_s {
	background-image: url('../images/Countdown2-nc.png');
	background-repeat: no-repeat;
	float:left;
	width: 42px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}

#t_labels {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t_labs {
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
#t_yl {
	float:left;
	width: 51px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t_dl {
	float:left;
	width: 74px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t_hl {
	float:left;
	width: 44px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t_ml {
	float:left;
	width: 55px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t_sl {
	float:left;
	width: 42px;
	height:15px;
	padding:0px;
	margin: 0px;
}
/* End CountDown style */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  DataTable styles
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
/* DataTables features */
.dataTables_wrapper {
    clear: both;
    
    /* Override style in "media/style/main.css" */
    margin: 1em 0 0 0;
    zoom: 1; /* Feeling sorry for IE */
}
.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}
.dataTables_info {
    width: 40%;
    float: left;
}

.dataTables_paginate {
    width: 40%;
    float: right;
    text-align: right;
}

/* DataTables display */
table.display {
    margin: 0;
    width: 100%;
    clear: both;
    
    /* Override style in "media/style/main.css" */
    border-width: 0;
}

table.display thead th {
    padding: 3px 0px 3px 10px;
    font-weight: bold;
    cursor: pointer;
    * cursor: hand;
}

table.display td {
    padding: 3px 10px;
    
    /* Override style in "media/style/main.css" */
    border-width: 0;
}

table.display td.center {
    text-align: center;
}

table.display td textarea{
	width: 180px;
	height: 60px;
}

table.display td select{
	width: 100px;
}

table.display tr:hover {
  background-color: #EAF2FA;
}

table td.hidden {
	display: none;
}


/* DataTables row classes */
tr.odd {
    background-color: #F5F5F5;
}

tr.even {
    background-color: white;
}


/* jQuery UI specific styling */
.paging_full_numbers .fg-button {
    padding: 2px 6px;
    cursor: pointer;
    * cursor: hand;
}

.paging_full_numbers {
    height: 22px;
    line-height: 22px;
}
.fg-toolbar {
    padding: 1px;
}
.dataTables_info {
    height: 22px;
    line-height: 22px;
}


/* The following css will make the datatable sorting icon float to right. */
.css_right {
    float: right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  End DataTable styles
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Row action in Admin registration page  */
.row-actions {
  visibility: hidden;
  font-weight: normal;
}
tr:hover .row-actions {
  visibility: visible;
}
#ctt_audi_info td {
  vertical-align: top;
}