/* Global styles */

#background {
    background-color: #E6E6FA;
}

img {
    border-style: none;
}

body {
    text-align:center;
}

a:link { color: #00008B; text-decoration: none;}
a:visited { color: #000080; text-decoration: none;}
a:active { color: #000080; text-decoration: none;}
a:hover { color: #4169E1; text-decoration: underline;}

/* styles for the main table in the layouts listing.rhtml **********************************************/

#main table {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    /*background: white;*/
    /*border: 1px double #D3D3D3;*/
    /*border: 1px solid black;*/
    /*border-collapse: collapse;*/
}

#main .default {
    border: 1px double #D3D3D3;
    background: white;
    vertical-align: top;
    padding: 20px;
    text-align: center;
}

#main .big-text {
    font: bold 20px arial;
}

#main .border {
    border: 1px double #D3D3D3;
    background: white;
    vertical-align: top;
}

#main .banner {
    vertical-align: top;
    background-color: #E6E6FA;
    border-top: 0px;
}

#main .table-banner-right {
    width: 120px;
}

#main .flash-table {
    width: 650px;
    margin-left: 10px;
}

#main .search-table {
    width: 668px;
    background: #f4f4f7;
    border-bottom: 1px double #D3D3D3;
    /*border-right: 1px double #D3D3D3;*/
    /*border-left: 1px double #D3D3D3;*/
}

#main .notice-pass {
    border: 1px solid green;
    padding: 5px;
    font: bold 12px arial;
    text-align: center;
}

#main .notice-fail {
    border: 1px solid red;
    padding: 5px;
    font: bold 12px arial;
    text-align: center;
}

#main .text {
    font: 12px arial;
}

#main .text-big {
    font: bold 14px arial;
}

#main .rules-text {
    font: bold 16px arial;
    color: #f07222;
    text-align: center;
}

#main .navigation-text {
    font: bold 14px arial;
}

#main .search-textbox {
    width: 270px;
}

#main .search-submit {
    width: 60px;
}

/* Styles for layout page *********************************************************************************/

#layout table {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}

#layout .logo {
    width: 310px;
    padding-left: 35px;
}

#layout .welcome-text {
    font: bold 12px arial;
    width: 170px;
    color: #FF8C00;
    vertical-align: bottom;
    text-align: right;
}

#layout .welcome-text-empty {
    /*width: 130px;*/
    width: 100px;
    vertical-align: bottom;
    text-align: right;
}

#layout .inbox-text-logged {
    font: bold 12px arial;
    width: 65px;
    vertical-align: bottom;
    text-align: right;
}

#layout .inbox-text-not-logged {
    /*width: 120px;*/
    width: 100px;
    vertical-align: bottom;
    text-align: right;
}

#layout .my-account-text {
    font: bold 12px arial;
    width: 80px;
    vertical-align: bottom;
    text-align: right;
}

#layout .logout {
    font: bold 12px arial;
    width: 45px;
    vertical-align: bottom;
    text-align: right;
}

#layout .login {
    font: bold 12px arial;
    width: 50px;
    vertical-align: bottom;
    text-align: right;
}

#layout .signup {
    font: bold 12px arial;
    width: 60px;
    vertical-align: bottom;
    text-align: right;
}

#layout .text {
    font: bold 12px arial;
}

#layout .dizzle {
    font: bold 12px arial;
    padding-left: 40px;
}

#layout .placeholder {
    width: 33px;
}

#layout .contact-us {
    text-align: right;
    font: bold 12px arial;
    padding-right: 40px;
}

/* index *******************************************************************/
#index .main-table {
    width: 640px;
    margin-left: 10px;
}

#index .vertical-align {
    vertical-align: top;
}

#index .leader-table {
    width: 320px;
    border-right: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    margin-top: 15px;
    /*background: #f4f4f7;*/
}

#index .others-table {
    width: 320px;
    border-right: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    margin-top: 15px;
}

#index .recently-posted-main-table {
    width: 445px;
    border-right: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

#index .past-winners-table {
    width: 645px;
    border-right: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

#index .supporters-table {
    width: 645px;
    border-right: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

#index .news-main-table {
    width: 645px;
}

#index .add-us-table {
    width: 170px;
        margin-top: -3px;
}

#index .recently-posted-table {
    width: 230px;
}

#index .text-current-leader {
    font: bold 18px arial;
    color: #f07222;
    border-bottom: 1px solid #D3D3D3;
    text-align: center;
    padding: 2px;
    background: #f4f4f7;
}

#index .black {
    color: black;
}

#index .text-runner-up {
    font: bold 14px arial;
    color: #f07222;
    border-bottom: 1px solid #D3D3D3;
    text-align: center;
    padding: 5px;
    background: #f4f4f7;
}

#index .text-third {
    font: bold 14px arial;
    color: #f07222;
    border-bottom: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    text-align: center;
    padding: 5px;
    background: #f4f4f7;
}

#index .text-recently-posted {
    font: bold 14px arial;
    color: #f07222;
    border-bottom: 1px solid #D3D3D3;
    text-align: left;
    padding: 5px;
    background: #f4f4f7;
}

#index .title {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}

#index .title-others {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
}

#index .title-recently-posted {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

#index .text-underline {
    font-family: arial;
    border-bottom: 1px solid #D3D3D3;
    font-size: 12px;
}

#index .text {
    font-family: arial;
    font-size: 12px;
}

#index .text-announcement {
    text-align: center;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    color: red;
}

#index .text-center {
    font-family: arial;
    font-size: 12px;
    text-align: center;
}

#index .thumbnail-big {
    width: 150px;
    padding-left: 10px;
    padding-bottom: 10px;
}

#index .thumbnail-small {
    width: 110px;
    padding: 10px;
}

#index .thumbnail-recently-posted {
    width: 90px;
    padding: 5px;
}

#index .text-learn-more {
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
}

#index .text-learn-more-small {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

#index .vote-count {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
}

#index .past-winner-title {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

#index .past-winner-header {
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #D3D3D3;
    text-align: center;
    color: #f07222;
    background: #f4f4f7;
}

#index .supporter-header {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding: 3px;
    border-bottom: 1px solid #D3D3D3;
    text-align: center;
    color: #f07222;
    background: #f4f4f7;
}

#index .past-winner-inside-table {
    width: 600px;
}

#index .past-winner-text-border {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    border-right: 1px solid #D3D3D3;
    text-align: center;
}

#index .past-winner-text {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#index .past-winner-center {
    text-align: center;
}

#index .supporter-center {
    text-align: center;
}

#index .past-winner-orange-text {
    color: #f07222;
    font-size: 16px;
}

/* index *******************************************************************/


/* Styles for any pages with a list of postings *******************************************************************/

#list {
    text-align: center;
}

#list .see-all-videos {
    font: bold 16px arial;
}

#list .main-table {
    width: 640px;
    border: none;
}

#list .thumbs-up-table {
    width: 260px;
    /*background: white url(/images/thumbs_up_big.gif) no-repeat center;*/
    margin-top: 10px;
    border-right: 1px dashed #D3D3D3;
    border-left: 1px dashed #D3D3D3;
}

#list .thumb-cell {
    width: 130px;
}

#list .video-cell {
    width: 200px;
}

#list .thumbs-down-table {
    width: 260px;
    /*background: white url(/images/thumbs_down_big.gif) no-repeat center;*/
    /*padding: 20px;*/
    margin-top: 10px;
    border-right: 1px dashed #D3D3D3;
    border-left: 1px dashed #D3D3D3;
}

#list .table-border {
    border-bottom: 1px solid #D3D3D3;
    width: 640px;
}

#list .nav-table {
    border-collapse: collapse;
    width: 650px;
}

#list .thumbnail {
    width: 100px;
}

#list .thumbnail-image {
    width: 94;
    height: 70;
}

#list .title {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
}

#list .title-center {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#list .header {
    font: bold 24px arial;
    border-bottom: 1px solid #D3D3D3;
    padding: 5px;
}

#list .text-underline {
    font-family: arial;
    border-bottom: 1px solid #D3D3D3;
    font-size: 12px;
}

#list .right-column {
    font-family: arial;
    font-size: 12px;
    width: 170px;
}

#list .text {
    font-family: arial;
    font-size: 12px;
}

#list .text-bold {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}

#list .archives {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #D3D3D3;
}

#list .account_season_header {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #D3D3D3;
    color: #f07222;
}

#list .account-title {
    width: 60%;
}

#list .account-delete {
    width: 20%;
}

#list .new-posting {
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    width: 100px;
    padding: 5px;
    text-align: center;
    font: bold 12px arial;
    background: #E6E6FA;
}

#list .messages {
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    width: 110px;
    padding: 5px;
    text-align: center;
    font: bold 12px arial;
    background: #E6E6FA;
}

#list .new-password {
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    width: 140px;
    padding: 5px;
    text-align: center;
    font: bold 12px arial;
    background: #E6E6FA;
}

#list .edit-info {
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    width: 130px;
    padding: 5px;
    text-align: center;
    font: bold 12px arial;
    background: #E6E6FA;
}

#list .preferences {
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    padding: 5px;
    text-align: center;
    font: bold 12px arial;
    background: #E6E6FA;
}

#columns {
    background: #141;
}

#side {
    float: left;
    padding-top: 1em;
    padding-left: 1em;
    padding-bottom: 1em;
    width: 14em;
    background: #141;
}

#side a {
    color: #bfb ;
    font-size: small;
}

/* styles for the thumbs rater */
.star-rating-bad{
    list-style:none;
    margin-left: 90px;
    margin-top: 10px;
    padding:0px;
    width: 30px;
    height: 30px;
    position: relative;
    background: url(/images/thumbs_down2.gif) top left repeat-x;        
}

.star-rating-bad li{
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}

.star-rating-bad li a{
    display:block;
    width:30px;
    height: 30px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}

.star-rating-bad li a:hover{
    background: url(/images/thumbs_down_hover2.gif) left center;
    left: 0px;
    z-index: 2;
    border:none;
}

.star-rating-bad a.star{
    left: 0px;
}

.star-rating-bad a.star:hover{
    width: 30px;
}

.star-rating-bad li.current-rating{
    background: url(/images/thumbs_down_rated2.gif) left bottom;
    position: absolute;
    height: 30px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

/* styles for the star rater */
.star-rating-good{
    list-style:none;
    margin-top: 10px;
    margin-left: 100;
    padding:0px;
    width: 30px;
    height: 30px;
    position: relative;
    background: url(/images/thumbs_up2.gif) top left repeat-x;        
}

.star-rating-good li{
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}

.star-rating-good li a{
    display:block;
    width:30px;
    height: 30px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}

.star-rating-good li a:hover{
    background: url(/images/thumbs_up_hover2.gif) left center;
    left: 0px;
    z-index: 2;
    border:none;
}

.star-rating-good a.star{
    left: 0px;
}

.star-rating-good a.star:hover{
    width: 30px;
}

.star-rating-good li.current-rating{
    background: url(/images/thumbs_up_rated2.gif) left bottom;
    position: absolute;
    height: 30px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}



#notice-fail-small {
    border: 1px solid red;
    margin-bottom: 2em;
    background-color: #ffffff;
    font: bold 12px arial;
    width: 20em;
    text-align: center;
}

/* Styles for account creation form *************************************************/
#form .error-message {
    padding-left: 65px;
}

#form .header {
    font: bold 20px arial;
    padding: 5px;
    border-bottom: 1px solid #D3D3D3;
}

#form table {
    margin-top: 20px;
    margin-left: 10px;
    width: 650px;
    border-collapse: collapse;
    /*border: 1px solid #D3D3D3;*/
    /*background: #F5F5F5;*/
}

#form .title-login {
    text-align: right;
    width: 270px;
    vertical-align: top;
}

#form .text-field-login {
    text-align: left;
    width: 380px;
}

#form .sign-up-login {
    font: bold 14px arial;
    text-align: right;
    padding-right: 10px;
}

#form .forgot-login {
    font: bold 14px arial;
    padding-left: 10px;
    border-left: 1px solid #D3D3D3;
}


#form .spacer {
    width: 30px;
}

/*######## CHANGE PASSWORD ########*/
#form .column-center-change-password {
    padding-left: 65px;
    font: bold 14px arial;
}

#form .table-change-password {
    width: 500px;
    background: #f4f4f7;
    padding-right: 20px;
    border: 1px solid #D3D3D3;
}

#form .title-cell-width-change-password {
    width: 250px;
    text-align: right;
    font: bold 14px arial;
}
/*######## CHANGE PASSWORD ########*/

/*######## Add Posting############*/
#form .table-add-posting {
    width: 500px;
    background: #f4f4f7;
    padding-right: 20px;
    border: 1px solid #D3D3D3;
}

#form .table-add-posting-text {
    width: 600px;
    /*border-left: 1px solid #D3D3D3;*/
}

#form .title-add-posting {
    text-align: right;
    width: 130px;
    vertical-align: top;
}

#form .column-center {
    padding-left: 65px;
    font: bold 14px arial;
}
/*######## Add Posting ############*/

/*######## Edit Posting ############*/
#form .table-edit-posting {
    width: 500px;
    background: #f4f4f7;
}

#form .title-edit-posting {
    text-align: right;
    width: 130px;
    vertical-align: top;
}

#form .column-center-edit-posting {
    padding-left: 65px;
}
/*######## Edit Posting ############*/


/*######## Edit Account ############*/
#form .table-edit-account {
    width: 450px;
    background: #f4f4f7;
    border: 1px solid #D3D3D3;
}

#form .column-center-edit-account {
    padding-left: 90px;
}
/*######## Edit Account ############*/


/*######## Preferences ############*/
#form .column-center-preferences {
    padding-left: 65px;
}

#form .table-preferences {
    width: 450px;
    background: #f4f4f7;
    border: 1px solid #D3D3D3;
}
/*######## Preferences ############*/

#form .text-bold {
    font: bold 14px arial;
}

#form .text-bold-orange {
    font: bold 14px arial;
    color: #FF4500;
}
	
#form .text {
    font: 14px arial;
}

#form .text-big {
    font: bold 16px arial;
}

#form .title {
    text-align: right;
    width: 150px;
    /*background: #F5F5F5;*/
    vertical-align: top;
}

#form .text-field {
    /*width: 60px;*/
    text-align: left;
}

#form .text-field-add-account {
    width: 260px;
    text-align: left;
    border-right: 1px solid #D3D3D3;
    font: 10px arial;
}

#form .forgot-pw-instruction-cell {
    height: 365px;
    vertical-align: bottom;
    text-align: center;
}

#form .reset-pw-instruction-cell {
    height: 320px;
    vertical-align: bottom;
    text-align: center;
}

#form .login-instruction-cell {
    height: 340px;
    vertical-align: bottom;
    text-align: center;
}

#form .indent-cell {
    font: 14px arial;
    padding-left: 30px;
}

/*#######ADVERTISE############*/
#form .advertise-cell {
    height: 320px;
    vertical-align: bottom;
    text-align: center;
}

#form .advertise-header {
    border-bottom: 1px solid #D3D3D3;
    font: bold 18px arial;
}

#form .advertise-indent-cell {
    font: 14px arial;
    padding-left: 30px;
}
/*#######ADVERTISE############*/

/*#######FEEDBACK#############*/
#form .feedback-header {
    border-bottom: 1px solid #D3D3D3;
    font: bold 18px arial;
}

#form .feedback-indent-cell {
    font: 14px arial;
    padding-left: 30px;
}
/*#######FEEDBACK#############*/

/*#######PREFERENCES#############*/
#form .title-preferences {
    text-align: right;
    width: 350px;
    vertical-align: top;
    font: bold 14px arial;
    padding-left: 30px;
}

#form .center-preferences {
    text-align: center;
}
/*#######PREFERENCES#############*/

/* The error box ********************************************************************/
.fieldWithErrors {
    padding: 3px;
    background-color: red;
    display: inline;
}

#errorExplanation {
    width: 500px;
    border: 1px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    background-color: #F5F5F5;
}

#errorExplanation h2 {
    text-align: left;
    font: 12px arial;
    padding: 5px 5px 5px 15px;
    margin: -7px;
    background-color: #c00 ;
    color: #fff ;
}

#errorExplanation p {
    font: 12px arial;
    color: #333 ;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font: 12px arial;
    list-style: disc;
}

/* Styles for comments form *************************************************************/

#comment {
    text-align: center;
}

#comment table {
    width: 427px;
    border: 0;
    border-collapse: collapse;
}

#comment .empty-cell {
    width: 265px;
}

#comment .username {
    background: #E6E6FA;
    font-family: arial;
    font-weight: bold;
    font-size: 14px;
    width: 120px;
    padding: 3px;
}

#comment .timestamp {
    background: #E6E6FA;
    font-family: arial;
    font-size: 10px;
    padding: 3px;
    width: 270px;
}

#comment .text {
    font-size: 12px;
    font-family: arial;
}

#comment .text-bold {
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
}

#comment .sign-in {
    font: bold 14px arial;
    text-align: center;
}

#comment .notice-pass-comments {
    border: 1px solid green;
    padding: 5px;
    background-color: #ffffff;
    font: bold 12px arial;
    text-align: center;
}

#comment .delete {
    /*width: 40px;*/
    font: 10px arial;
    background: #E6E6FA;
    text-align: right;
    padding: 3px;
}

/* Styles for show *********************************************************************/
#show {
    text-align: center;
}

#show .main-table {
    width: 650px;
    border-collapse: collapse;
    border: 0px;
}

#show .video-column {
    vertical-align: top;
}

#show .video-table {
    width: 425px;
    border-collapse: collapse;
    border: 1px solid #D3D3D3;
    margin-left: 1px;
}

#show .description-table {
    width: 210px;
    border: 1px solid #D3D3D3;
    margin-top: 0px;
}

#show .top-align {
    vertical-align: top;
}

#show .cell-border {
    border-bottom: 1px solid #D3D3D3;
    padding: 5px;
    text-align: center;
    background-color: 	#F5F5F5;
}

#show .center-align {
    text-align: center;
}

#show .center-align-star {
    margin-left: auto;
    margin-right: auto;
}

#show .header {
    font-size: 14px;
    font-family: arial;
    font-weight: bold;
    width: 50px;
}

#show .title {
    font-size: 24px;
    font-family: arial;
    vertical-align: top;
}

#show .description {

    padding: 5px;
    vertical-align: top;
}

#show .text {
    font-size: 12px;
    font-family: arial;
}

#show .bold-text {
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
}

#show .warning-text {
    font-size: 12px;
    font-family: arial;
    color: red;
}

#show .message-text {
    font-size: 12px;
    font-family: arial;
    color: green;
}

#show .facebook {
    font-size: 12px;
    font-family: arial;
    height: 30px;
    padding-left: 5px;
}

#show .myspace {
    font-size: 12px;
    font-family: arial;
    height: 30px;
    padding-right: 5px;
    text-align: right;
}

/* Styles for the account page **************************************************************************/

#account .title {
    color: #244 ;
    font-weight: bold;
    font-size: 16px;
    font-family: arial;
}

#account .text {
    font-family: arial;
    font-size: 14px;
}

#account .text-underline {
    font-family: arial;
    font-size: 14px;
    border-bottom: 1px solid #D3D3D3;
}

/* Styles for messages *********************************************************************************/

#messages .blank {
    border: none;
    background: none;
    padding: 5px;
}

#messages .compose {
    border-top: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    width: 100px;
    padding: 5px;
    text-align: center;
    font: bold 14px arial;
    background: #FFFACD;
}

#messages .color-compose {
    border-top: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    width: 100px;
    padding: 5px;
    text-align: center;
    font: bold 14px arial;
    background: orange;
}

#messages .sent-messages {
    border-top: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    width: 150px;
    padding: 5px;
    text-align: center;
    font: bold 14px arial;
    background: #FFFACD;
}

#messages .color-sent-messages {
    border-top: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    width: 150px;
    padding: 5px;
    text-align: center;
    font: bold 14px arial;
    background: orange;
}

#messages .color-inbox {
    border-top: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    width: 100px;
    background: orange;
    text-align: center;
    padding: 5px;
    font: bold 14px arial;
}

#messages .inbox {
    border-top: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    width: 100px;
    text-align: center;
    padding: 5px;
    font: bold 14px arial;
    background: #FFFACD;
}

#messages .main-table {
    border: 1px solid #D3D3D3;
    width: 650px;
    border-collapse: collapse;
    margin-left: 10px;
    margin-bottom: 10px;
}

#messages .main-table-no-border {
    width: 650px;
    border-collapse: collapse;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#messages .show-msg-table {
    border: 1px solid #D3D3D3;
    width: 650px;
    border-collapse: collapse;
    margin-left: 10px;
    margin-bottom: 10px;
}

#messages .nav-table {
    margin-top: 20px;
    width: 350px;
    border-collapse: collapse;
    margin-left: 10px;
}

#messages .date-column {
    width: 150px;
    padding: 5px;
    border-bottom: 1px solid #D3D3D3;
}

#messages .delete {
    font: 14px arial;
    width: 20px;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #D3D3D3;
}

#messages .username {
    font: 12px arial;
    width: 130px;
    padding: 5px;
    margin-top: 10px;
    border-bottom: 1px solid #D3D3D3;
}

#messages .show-msg-username {
    font: bold 14px arial;
    width: 115px;
    padding: 5px;
    text-align: right;
    vertical-align: top;
}

#messages .message {
    font: 12px arial;
    padding: 10px;
    border-bottom: 1px solid #D3D3D3;
    vertical-align: top;
    /*width: 600px;*/
}

#messages .username-bold {
    font: bold 12px arial;
    width: 115px;
    padding: 5px;
    margin-top: 5px;
    border-bottom: 1px solid #D3D3D3;
}

#messages .subject {
    font: 12px arial;
    padding: 10px;
    border-bottom: 1px solid #D3D3D3;
}

#messages .information {
    font: bold 16px arial;
    height: 180px;
    text-align: center;
}

#messages .row-bottom-border {
    border-bottom: 1px solid #D3D3D3;
}

#messages .compose-header {
    font: bold 14px arial;
    width: 160px;
    padding: 5px;
    text-align: right;
    vertical-align: top;
}

#messages .subject-header {
    font: bold 26px arial;
    padding: 10px;
    border-bottom: 1px solid #D3D3D3;
}

#messages #date {
    font: 10px arial;
}

#messages .reply {
    font: 14px arial;
    text-align: right;
    vertical-align: top;
}

#messages .text-field {
    margin-top: 2px;
    margin-bottom: 2px;
}

#messages .page {
    font: bold 12px arial;
}

/* Styles for the send message username drop down ***********************************************************/
div.auto_complete {
    width: 345px;
    background: #fff;
}
div.auto_complete ul {
    font: 14px arial;
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}
div.auto_complete ul li {
    margin: 0;
    padding: 3px;
}
div.auto_complete ul li.selected {
    background-color: #ffb ;
}
div.auto_complete ul strong.highlight {
    color: #800 ;
    margin: 0;
    padding: 0;
}

/* Styles for contact us page ******************************************************************************/
#contactUs table {
    width: 650px;
    border-collapse: collapse;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#contactUs .header {
    font: bold 18px arial;
    text-align: left;
    border-bottom: 1px solid #D3D3D3;
}

#contactUs .text-large {
    font: 12px arial;
    text-align: left;
    width: 200px;
    border-top: 1px solid #D3D3D3;
}

#contactUs .text {
    font: bold 12px arial;
    text-align: center;
    border-top: 1px solid #D3D3D3;
}

#contactUs .spacer {
    width: 50px;
}
/* Styles for contact us page ******************************************************************************/

/* Styles for learn more page ******************************************************************************/
#learn-more table {
    width: 650px;
    border-collapse: collapse;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#learn-more .header {
    font: bold 18px arial;
    text-align: left;
    border-bottom: 1px solid #D3D3D3;
}

#learn-more .spacer {
    width: 50px;
}

#learn-more .text-large {
    font: 12px arial;
    text-align: left;
    width: 130px;
    border-top: 1px solid #D3D3D3;
}

#learn-more .text {
    font: 12px arial;
    text-align: left;
    border-top: 1px solid #D3D3D3;
}

#learn-more .text-bold {
    font: bold 12px arial;
    text-align: left;
}

#learn-more .text-bold-big {
    font: bold 16px arial;
    text-align: left;
}

#learn-more .text-orange {
    font: bold 16px arial;
    color: #FF4500;
}

/* Styles for learn more page ******************************************************************************/


/* Styles for vote leaders page ******************************************************************************/
#vote-leaders .main-table {
    width: 640px;
    border: none;
}

#vote-leaders .listing-table {
    width: 300px;
}

#vote-leaders .header {
    font: bold 24px arial;
    border-bottom: 1px solid #D3D3D3;
    padding: 5px;
}

#vote-leaders .list-line-even {
    background-color: #E6E6FA;
    font: 12px arial;
}

#vote-leaders .list-line-odd {
    background-color: #ffffff;
    font: 12px arial;
}

#vote-leaders .narrow {
    width: 300px;
}

/* Styles for vote leaders page ******************************************************************************/

  .pagination {
    padding: 3px;
    margin: 3px;
    font: 10px arial;
  }
  .pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #000099;
  }
  .pagination a:hover, .pagination a:active {
    border: 1px solid #000099;
    color: #000;
  }
  .pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #000080;
    color: #FFF;
  }
  .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd;
  }