/* ---------------------------------------------------------
Start: Site-wide fonts
--------------------------------------------------------- */
html body {
  background-color: #FFF;
  font-family: "Trebuchet MS", Tahoma,Verdana,Helvetica,Arial,Verdana,Sans-serif;
  }
  
 input {
  font-family: "Trebuchet MS", Tahoma,Verdana,Helvetica,Arial,Verdana,Sans-serif;
  }
  
.SmallerFont
{
    font-size: 12px;
}
/* ---------------------------------------------------------
End: Site-wide fonts
--------------------------------------------------------- */
  
  
  
/* ---------------------------------------------------------
Start: SiteMaster Styles
--------------------------------------------------------- */
.SiteMaster_Div_Main
{
 width: 768px;
 margin-left: auto;
 margin-right: auto;
 padding-right: 5px;
}

.SiteMaster_Div_Content
{
    position: relative;
    padding-top: 5px;
    clear: both;
    display: block;
}

.SiteMaster_Div_Header
{
    position: relative;
    padding-top: 10px;  

}

.SiteMaster_Div_Logo
{
    position: relative;
    height: 77px;
    width: 163px;  
    float: left;   
 
}

.SiteMaster_Div_LoginStatus
{
    position: relative;
    text-align: right;
}


.SiteMaster_Div_Footer
{
 position: relative;
 clear: both;
 height: 50px;
 padding-top: 20px;
}

.SiteMaster_Label_Copyright
{
    text-align: center;
    width: 100%;
    position: absolute;
    font-size: 12px;
    color: #999999;
}


.SiteMaster_Label_Copyright a
{
    color: #999999;
}
/* ---------------------------------------------------------
End: SiteMaster Styles
--------------------------------------------------------- */


/* ---------------------------------------------------------
Start: Control Panel
--------------------------------------------------------- */

#Control_Panel
{
    width: 100%;
    clear: both;
    height: 19px;
    
}
#cp_Progress
{
    float:right;
    padding-left: 2px;
    padding-right: 2px;
}
#cp_btnScramble_div
{
    float:right;
    padding-left: 2px;
    padding-right: 2px;
}
.cp_btnScramble
{
    background-image: url("../images/refresh.gif");
    vertical-align: middle;
}
.cp_btnScramble_Disabled
{
    background-image: url("../images/refresh_grey.gif");
    vertical-align: middle;
}

#cp_btnMyRatings_div
{
    float:right;
    padding-left: 2px;
    padding-right: 2px;
}

.cp_btnMyRatings
{
    background-image: url("../images/cpfilledstar.png");
    vertical-align: middle;
}
.cp_btnMyRatings_Disabled
{
    background-image: url("../images/cpemptystar.png");
    vertical-align: middle;
}
#cp_btnWITR_Div
{
    float:right;
    padding-left: 2px;
    padding-right: 2px;
}

.cp_btnWITR
{
    background-image: url("../images/WITRGroupView.gif");
    vertical-align: middle;
}

.cp_btnWITR_Disabled
{
    background-image: url("../images/WITRGroupView_grey.gif");
    vertical-align: middle;
}

#cp_btnIndividualView_Div
{
    float:right;
    padding-left: 2px;
    padding-right: 2px;
}

.cp_btnIndividualView
{
    background-image: url("../images/WITRIndividualView.gif");
    vertical-align: middle;
}

.cp_btnIndividualView_Disabled
{
    background-image: url("../images/WITRIndividualView_grey.gif");
    vertical-align: middle;
}

#cp_btnInvite_Div
{
    float:right;
    padding-left: 4px;
    padding-right: 2px;
}
.cp_btnInvite
{
    background-image: url("../images/inviteafriend.gif");
    vertical-align: middle;
}

.cp_btnInvite_Disabled
{
    background-image: url("../images/inviteafriend_grey.gif");
    vertical-align: middle;
}
#cp_btnStreamingTV_Div
{
    float:right;
    padding-left: 4px;
    padding-right: 2px;
}
.cp_btnStreamingTV
{
    background-image: url("../images/cp_tv.png");
    vertical-align: middle;
    background-repeat: no-repeat;
}
.cp_btnStreamingTV_Disabled
{
    background-image: url("../images/cp_tv_grey.png");
    vertical-align: middle;
    background-repeat: no-repeat;
}
#cp_btnAnalysis_Div
{
    float:right;
    padding-left: 4px;
    padding-right: 2px;
}
.cp_btnAnalysis
{
    background-image: url("../images/cp_analysis.png");
    vertical-align: middle;
}
.cp_btnAnalysis_Disabled
{
    background-image: url("../images/cp_analysis_grey.png");
    vertical-align: middle;
}
#cp_btnHelp_Div
{
    float:right;
    padding-left: 4px;
    padding-right: 2px;
}
.cp_btnHelp
{
    background-image: url("../images/cp_help.gif");
    vertical-align: middle;
}
.cp_btnHelp_Disabled
{
    background-image: url("../images/cp_help_grey.gif");
    vertical-align: middle;
}
#cp_LeftBracket_Div
{
    float:right;
    
    /*padding-left: 2px;
    padding-right: 2px;  */
}
.cp_LeftBracket
{
    background-image: url("../images/leftbracket.gif");
    width: 6px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
#cp_RightBracket_Div
{
    float:right;
    padding-left: 3px;
    /*padding-left: 2px;
    padding-right: 2px;  */
}
.cp_RightBracket
{
    background-image: url("../images/rightbracket.gif");
    background-repeat: no-repeat;
    width: 6px;
    vertical-align: middle;
}


/* ---------------------------------------------------------
End: Control Panel
--------------------------------------------------------- */

/* ---------------------------------------------------------
Start: Textbox Standards
--------------------------------------------------------- */

.Textbox
{
	border: 1px solid #7F9DB9;
	padding: 0.3em;
	background: #fff url("../images/textbox_background.gif") repeat-x 0 0px;
}

.TextboxSmaller
{
	border: 1px solid #7F9DB9;
	padding: 0.3em;
	background: #fff url("../images/textbox_background.gif") repeat-x 0 0px;
	width: 175px;
}


.Textbox_Disabled
{
	border: 1px solid #7F9DB9;
	padding: 0.3em;
	background: #ccc url("../images/textbox_background_disabled.gif") repeat-x 0 0px;
}


input.Textbox
{
	width: 250px;
}

textarea.Textbox
{
	width: 90%;
	text-align: left
}


/*Textbox Watermark*/

.Textbox_Watermarked 
{
    width: 250px;
    border: 1px solid #7F9DB9;
	padding: 0.3em;
	color:gray;
	background: #F0F8FF url("../images/textbox_background.gif") repeat-x 0 0px;
}
/* ---------------------------------------------------------
End: Textbox Standards
--------------------------------------------------------- */



	
/* ---------------------------------------------------------
Start: Registration, Login, and Logout Styles
--------------------------------------------------------- */

#Overview
{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#Login_Container
{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 max-width: 380px;
}

.Login_Control
{
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}

#Login_Actions
{
 vertical-align: top;
 margin-right: auto;

}

.Login_RememberMe
{
 clear: right;
 float: left;
 margin-left: 11%;
}

.Login_Button
{
 clear: left;
 float: left;
 margin-left: 11%;
 
}

.Login_Textbox
{
    border: 1px solid #7F9DB9;
    padding: 0.3em;
    background: #fff url( "../images/textbox_background.gif" ) repeat-x 0 0px;
    width: 250px;
}

#Logout
{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 padding-top: 20px;
}


#UserAvailability
{
  padding-left: 22px;
  margin-left: 5px;
  float: left;
  background-position: left;
  background-repeat: no-repeat;

}

.progress
{
  background-image: url(../images/spinner.gif);
  background-position: left;
  background-repeat: no-repeat;
  text-indent: 20px;

}

.taken
{
  background-image: url(../images/taken.gif);
  background-position: left;
  background-repeat: no-repeat;
  text-indent: 20px;

}

.available
{
  background-image: url(../images/available.gif);
  background-position: left;
  background-repeat: no-repeat;
  text-indent: 20px;

}

#Label_Centered
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#Login_FailureText
{
    color: red;
    float: left;
    max-width: 100%;
    text-align: left;
}

#email_verification
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


/* ---------------------------------------------------------
End: Registration, Login, and Logout Styles
--------------------------------------------------------- */

/* ---------------------------------------------------------
Start: Password Strength
--------------------------------------------------------- */

.BarIndicator_TextBox2_weak
{
    color:White;
    background-color:White;
    background-image: url("../images/bar_red.gif");
    background-repeat:repeat-x;
    /*background: #fff url("../images/bar_red.gif") repeat-x 0 0px;*/
}
.BarIndicator_TextBox2_average
{
    color:White;
    background-color:White;
    background-image: url("../images/bar_yellow.gif");
    background-repeat:repeat-x;
    /*background: #fff url("../images/bar_yellow.gif") repeat-x 0 0px;*/
}
.BarIndicator_TextBox2_good
{
    color:White;
    background-color:White;
    background-image: url("../images/bar_green.gif");
    background-repeat:repeat-x;
    /*background: #fff url("../images/bar_green.gif") repeat-x 0 0px;*/
}

.BarBorder_TextBox2
{
	border: 1px solid #7F9DB9;
    /* padding:2px 2px 2px 2px; */
    width:50px;
    vertical-align:middle;
}

.Password_Strength
{
    font-size: 10px;
    padding: 20px, 0px, 10px, 0px;
    margin-top: auto;
    margin-bottom: auto;
}


/* ---------------------------------------------------------
End: Password Strength
--------------------------------------------------------- */

/* ---------------------------------------------------------
Start: Gridviews for Shows, WITR, Recs, and Question/Answers
--------------------------------------------------------- */
.QuestionText
{
    float: left;
    text-align: left;
    font-size: 12px;
}

.AnswerText
{
    float: left;
    text-align: left;

}
.ItemTitle_Div
{
    float: left;
    vertical-align:top;   
}
.ItemTitle
{
       vertical-align: top;
       float: left;
       font-weight: bold;
       font-size: 16px;
}
.ItemTitle a
{
       vertical-align: top;
       float: left;
       font-weight: bold;
       font-size: 16px;
       color: #000000;
       text-decoration: none;
        
}
.ItemDesc 
{
       float: left;
       text-align: left;
       font-size: 12px;
}

.ItemDesc_Div
{
       clear:left;
       padding-top: 2px;
       text-align: left;
       font-size: 12px;
       width: 100%;
}

.PurchaseArea_Div
{
    vertical-align: baseline;
    clear: both;
    float: right;
    position: relative;
    margin-bottom: -10px;
    padding-bottom: 4px;
}
.btnWITRGroupView
{
        background-image: url("../images/WITRGroupView.gif");
        float:right;
        margin-left: auto;
        margin-right: auto;
       
}
.btnWITRGroupViewHover
{
        background-image: url("../images/WITRGroupView.gif");
        float:right;
        margin-left: auto;
        margin-right: auto;
       
}

.btnWITRIndividualView
{
        background-image: url("../images/WITRIndividualView.gif");

        margin-left: auto;
        margin-right: auto;
       
}
.btnWITRIndividualViewHover
{
        background-image: url("../images/WITRIndividualView.gif");
        margin-left: auto;
        margin-right: auto;
       
}

.btnWITRAddUser
{
        background-image: url("../images/plus_lg.gif");
        vertical-align: top;
        margin: auto auto auto auto;
        top: 50%
       
}

.btnWITRAddUserHover
{
        background-image: url("../images/plus_lg.gif");
        vertical-align: middle;
      
}

.btnWITRRemoveUser
{
        background-image: url("../images/remove.gif");
        vertical-align: middle;
        margin: auto auto auto auto;
}
.btnWITRRemoveUserHover
{
        background-image: url("../images/remove.gif");
        vertical-align: middle;
}


.btnRefresh
{
        background-image: url("../images/refresh.gif");
        float:right;
        margin-left: auto;
        margin-right: auto;
       
}
.btnRefreshHover
{
        background-image: url("../images/refresh.gif");
        float:right;
        margin-left: auto;
        margin-right: auto;
       
}
.btnNotInterested
{
        background-image: url("../images/emptynotinterested.png");
        float:left;
        margin-left: auto;
        margin-right: auto;
       
}
.btnNotInterestedHover
{
        background-image: url("../images/fillednotinterested.png");
        float:left;
        margin-left: auto;
        margin-right: auto;
       
}
.RatingControl 
{
        float:right;

}

#WITR_Desc
{
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}

#WITR_Controls
{
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 100%;
    padding: 5px 0px 20px 0px
}

#RatingArea 
{
    /*vertical-align: top;*/
    float: right;
    width: 80px;     
    clear: right;
}

#ShowRow
{
    height: auto;
    max-height: 150px;
    padding-top: 1px;
}
.ShowRowDivider_Div
{
  height: 12px;
}
.ShowRowDivider
{
       color: #7F9DB9;       
       vertical-align: top;
       clear: both;
       width: 100%;
       margin-bottom: 1px;
       height: 1px; 
}
.GV_WITR
{
 clear: left;
 width: 100%;
 text-align: left;
}
#RStatus_Div
{
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /*padding: 20px 0px 20px 0px;*/
}
.RStatus
{

}

/* ---------------------------------------------------------
End: Gridviews for Shows and Recs
--------------------------------------------------------- */

/* ---------------------------------------------------------
Start: Registration and Login Styles
--------------------------------------------------------- */
#Invitation_Container
{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


.Invite_Button
{
 clear: both;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

.Invite_Textbox
{
    border: 1px solid #7F9DB9;
    padding: 0.3em;
    background: #fff url( "../images/textbox_background.gif" ) repeat-x 0 0px;
    width: 250px;
}
#lblInviteDescription_Div
{
    clear: both;
    float:left;
}
#InviteNote_Div
{
    clear: both;
    float: left;
}
#InviteEmail_Div
{
    clear: both;
    float: left;
}
#InviteSend_Div
{
    float:left;
    clear:both;
}

/* ---------------------------------------------------------
End: Registration and Login Styles
--------------------------------------------------------- */


/* ---------------------------------------------------------
Start: Ad Formatting
--------------------------------------------------------- */
.Default_Ads
{
    width: 100%; 
    /*height: 48%;*/
    clear: left; 
    margin-top: 1%; 
    text-align: center; 
    padding: 0 auto;
}
/* ---------------------------------------------------------
End: Ad Formatting
--------------------------------------------------------- */


/* ---------------------------------------------------------
Start: Rating Star
--------------------------------------------------------- */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../Images/SavedStar.png);
}


/* ---------------------------------------------------------
End: Rating Star
--------------------------------------------------------- */


/* ---------------------------------------------------------
Start: Modal Popup Styles
--------------------------------------------------------- */

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

#lightbox{
    display:none;
    position: absolute;
    top:50%;
    left:50%;
    z-index:9999;
    width:500px;
    height:400px;
    margin:-220px 0 0 -250px;
    border:1px solid #fff;
    background:#fff;
    text-align:left;

}

#lightbox[id]{
    position:fixed;

}

#overlay{

display:none;

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

z-index:5000;

background-color:#000;

-moz-opacity: 0.8;

opacity:.80;

filter: alpha(opacity=80);

}

#overlay[id]{

position:fixed;

}

#lightbox.done #lbLoadMessage{

display:none;

}

#lightbox.done #lbContent{

display:block;

}

#lightbox.loading #lbContent{

display:none;

}

#lightbox.loading #lbLoadMessage{

display:block;

}

#lightbox.done img
{
    width:100%;
    height:100%;
}

/* ---------------------------------------------------------
End: Modal Popup Styles
--------------------------------------------------------- */

/* ---------------------------------------------------------
Start: Admin Dashboard
--------------------------------------------------------- */
.AdminDashboard_Category
{
    float: left;
    width: 100px;
    
}
.AdminDashboard_Metric
{
    float: left;
    width: 250px;
}
.AdminDashboard_Result
{
    float: left;
    width: 100px;
}
/* ---------------------------------------------------------
End: Admin Dashboard
--------------------------------------------------------- */



/* ---------------------------------------------------------
Start: Default Page Div Styles
--------------------------------------------------------- */
.LFeatureDesc
{
    font-size: larger;
    font-weight: bold;
    float: left;
    color: #27AAE2;
}

.RFeatureDesc
{
    font-size: larger;
    font-weight: bold;
    float: left;
    color: #27AAE2;    
}
#LFeatureDesc_Div
{
 clear: both;
  
}
#RFeatureDesc_Div
{
    clear: both;
}
#LProgressIndicator
{
    vertical-align: top;
    float: left;
}

#GV_Recs_Div
{
    float: left;
    clear:both;
}

#GV_Questions_Div
{
    float: left;
    clear:both;
}

#GV_Answers_Div
{
    float: left;
    clear:both;
    padding-bottom: 35px;
}


#GV_Shows_Div
{
    float: left;
    clear:both;
}
#GV_WITR_Div
{
    float: left;
    clear:both;
}

#Default_Content
{
    width: 100%;
    height: auto; 
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
#Default_Left
{
    width: 48%; 
    height: 95%; 
    float: left; 
    vertical-align:top; 
    margin-right: 1%; 
    text-align: center; 
    padding: 0 auto;
}
#Default_Right
{
    width: 48%; 
    height: 95%; 
    float: right; 
    clear: right; 
    vertical-align:top; 
    margin-left: 1%; 
    text-align: center; 
    padding: 0 auto;
}
#Default_Recs
{
    width: 100%; 
    height: 48%; 
    clear: left;
    clear: right; 
    margin-bottom: 1%; 
    text-align: center; 
    padding: 0 auto;
}
#InviteFriend_Div
{
}
#GV_Dashboard_Div
{
    text-align: left;
    padding: 10px 5px 10px 5px;
    border: solid thin black;
    width: 100%;
}
#AdminLinks_Div
{
    float: left;
    clear:both;
    text-align: center;
}
.Signup_Area
{
    float: left;
    text-align: left;
}



/* ---------------------------------------------------------
End: Default Page Div Styles
--------------------------------------------------------- */