/* ******* GENERIC STYLES ******* */

/* red #ce181f */
/* blue #e71b23*/
/* blue-shadow #145572; */

body
{
background: #ddd;
}

h1, h2, h3, h4, p
{
color: black;
}

a
{
color: white;
}

.primary a
{
color: #ce181f;
}

.primary a.taf_button
{
color: white;
}

.clear
{
clear: both;
}

.example
{
color: #999;
}

.dialog
{
display: none;
height: 202px !important;
}

/* ******* DIALOG BOX ******* */ 

.ui-widget-overlay{ 
opacity: .7; 
filter: alpha(opacity=70); 
-moz-opacity: 0.7; 
background: #000; 
position: fixed;
top: 0;
left: 0;
}

.dialog
{
background: white;
padding: 30px 40px;
border: 8px solid #a3a3a3;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 18px;
}

.ui-dialog-titlebar
{
display: none;
}

.ui-dialog button:last-child
{
float: right;
}


/* ******* HEADER ******* */

.header_wrapper
{
background: black url(images/header.jpg) center;
width: 100%;
height: 110px;
position:relative;
}

.header_wrapper a.logo
{
    position: absolute;
    top: 5px;
    left: 25px;
    width: 215px;
    height: 60px;
    z-index: 1000;
}

.header h1,
.header_wrapper h1
{
display: none;
}

/* ******* OTHER STUFF IN THE HEADER ******* */

.other_stuff
{
position: relative;
margin-bottom: -30px;
top: 34px;
}

.other_stuff .links a
{
color: white;
padding: 2px 4px;
background: #051933;
margin-top: -4px;
border-bottom: 1px dotted white;
}

.other_stuff ul
{
padding: 0;
margin: 0;
float: left;
}

.other_stuff ul li
{
display: block;
float: left;
margin-right: 10px;
font-size: 12px;
}

.other_stuff ul li a
{
font-weight: bold;
display: block;
text-decoration: none;
}

.other_stuff ul li a:hover
{
background: #114881;
color: #68ccfb;
}

.other_stuff .search
{
float: right;
margin-top: -13px;
}

.login_widget
{
float: right;
height: 20px;
margin-bottom: -20px;
color: #b7edf9;
}

.login_widget a
{
color: #b7edf9;
}


/* ******* MENUBAR ******* */

.menubar_wrapper
{
padding-top: 76px;
border-bottom: 6px solid #bb161d;
}

.menubar {
overflow-x: hidden;
}

.menubar ul, .primary_video_share ul
{
padding: 0;
margin: 0;
}

.menubar ul li, .primary_video_share ul li
{
display: block;
float: left;
}

.menubar ul li a
{
display: block;
padding: 6px 9px;
text-decoration: none;
border-left: 1px solid #001022;
text-shadow: 0 -1px 2px #222;
background-image: url(images/chrome-bg.gif);
background-repeat: repeat-x;
background-position: center center;
}

.menubar ul li a:hover, .menubar ul li a.active
{
background: #1e7ea9;
background-image: url(images/chrome-blue-bg.gif);
background-repeat: repeat-x;
background-position: center center;
color: white;
text-shadow: 0 -1px 2px #145572;
}

.menubar ul li a.active
{
background: #ce181f;
font-weight: bold;
background-image: url(images/chrome-red-bg.gif);
background-position: center center;
text-shadow: 0 -1px 2px #871015;
}

/* ******* CONTENT ******* */

.span-24.shadow
{
background: white;
border: 1px solid #ccc !important;
width: 952px !important;
}

a.add_more_friends
{
color: #ce181f;
text-decoration: none;
}

table#email_friends
{
border-bottom: 1px solid #e5ecf9;
}

table#email_friends tr:hover td span.to, table#your_info tr:hover td span.from {display: block;}

/* ******* LEFT COLUMN ******* */

.watch_live, .whats_on
{
float: left;
color: black;
margin: -12px 0 4px 0; 
padding: 0;
}

.whats_on
{
float: right;
}

.watch_live a, .whats_on a
{
font-weight: bold;
color: red;
}

.primary
{
border-right: 1px solid #ddd;
margin-right: 9px !important;
}

.primary h2
{
padding: 13px 0 12px 0;
margin: 0;
}

.content
{
padding-top: 20px;
}

.primary_video
{
background: #000;
text-align: center;
padding: 30px 0;
}

.primary_video_description h2
{
font-size: 18px;
}

.video_description
{
margin-top: 20px;
}

.primary_video_embed
{
border-left: 1px solid #ccc;
margin: 20px 0 60px -1px;
}

.primary_video_share p, .primary_video_embed p
{
padding: 0 0 0 20px;
}

.send
{
margin-bottom: 20px;
}

/* ******* RIGHT COLUMN ******* */


/* ******* TAF ******* */
.taf
{
width: 300px;
margin: 0 10px 20px -9px;
padding: 10px 9px 10px 10px;
clear: both;
border-bottom: 1px solid #ddd;
}

/*
red: #e71b23;
red2: #ce181f;
blue: #1e7ea9;
*/

a.taf_button, a.taf_button.blue:hover
{
width: 300px;
/* Red Background */
background: #e71b23;
display: block;
text-align: center;
padding: 10px 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-decoration: none;
background-image: url(images/chrome-red-bg.gif);
background-repeat: repeat-x;
background-position: center center;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 0 -1px 2px #871015;
}

a.taf_button:hover, a.taf_button.gray:hover
{
/* Blue Background */
background: #1e7ea9;
background-image: url(images/chrome-blue-bg.gif);
background-position: center center;
color: white;
text-shadow: 0 -1px 2px #1e7ea9;
}

a.taf_button:active, a.taf_button.gray:active,
{
background: #666;
background-image: url(images/chrome-bg.gif);
color: white;
text-shadow: 0 -1px 2px black;
}

a.taf_button.gray
{
background: #666;
background-image: url(images/chrome-bg.gif);
background-position: center center;
text-shadow: 0 -1px 2px black;
}

a.taf_button.blue
{
/* Blue Background */
background: #1e7ea9;
background-image: url(images/chrome-blue-bg.gif);
background-position: center center;
color: white;
text-shadow: 0 -1px 2px #1e7ea9;
}

a.big_red_taf_button
{
display: block;
padding: 0;
margin: 0;
width: 300px;
height: 70px;
background: url(images/taf_button.gif);
}

a.big_red_taf_button:hover
{
background-position-y: -70px;
}

a.big_red_taf_button:active
{
background-position-y: -140px;
}

/* ******* VIDEO LIST ******* */

.related_videos
{
width: 298px;
margin: -10px 0 10px 0;
padding: 10px 0 0 0;
background: white;
font-size: 12px;
border: 1px solid #ccc;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-left-radius: 6px;
background-color: #dedede;
}

.related_videos .title p
{
padding: 0 0 0 10px;
margin: 0;
}

.related_videos a
{
color: #e71b23;
}

.related_videos .description
{
width: 130px;
}

.related_videos .description p
{

font-size: 12px;
}

.video_list
{
background-color: #fff;
height: 300px;
margin: 10px 0 0 0;
border-top: 1px solid #ccc;
overflow-y: scroll;
}

.related_video
{
padding: 10px 0 10px 10px;
border-bottom: 1px solid #ccc;
}

.related_video:last-child
{
border-bottom: 0;
}

.related_video .video
{
background: #444;
height: 80px;
}

.related .actions
{
margin-top: 20px;
}

.related .actions p
{
padding: 0;
margin: 0 0 10px 0;
font-size: 14px;
}

.related .actions p a
{
color: #ce181f;
}

.related .actions p img
{
margin-bottom: -2px;
}


.related .actions p.done
{
color: #999;
}

.related .actions p.active
{
color: #ce181f;
}

.related .actions p.pending
{
color: #999;
}

/* ******* AD ******* */

.ad
{
margin: -18px 0 0 -9px;
padding: 6px 10px 8px 9px;
border-top: 1px solid #ddd;
}

.ad p
{
font-size: 7px;
text-align: center;
margin: 0 0 3px 0;
}

/* ******* FOOTER ******* */

.footer
{
margin-top: 20px;
color: #999;
}

.l-error
{
color:red;
}

#dialog_fb {
    height: 235px;
}