/* CSS Document */

.widget {
  background:url(../../images/widget_box.PNG) top center no-repeat;
  cursor:pointer;
  width:140px;
  height:128px;
  padding:2px;
  line-height:12px;
}
.widget .widget_name {
  height:30px;
}
.widget .widget_image {
  height:40px;
}
.widget p {
  margin:10px;
}
ul {
  padding:0px;
  margin:0px;
}
body{
  background:#FFFFFF;
  margin:0pt auto;
}
.page {
  margin-left:auto;
  margin-right:auto;
  width:766px;
  border: 1px solid #EEF0F0;
}
.heading {
  font-weight:bold;
}
.col_spacer {
  float:left;
  width:20px;
}
.col_selected {
  background-color:#E5E7E9;
}
.big_heading {
  font-weight:bold;
  font-size:18px;
}
a:hover{text-decoration:none;}

a img { border:0; vertical-align:top}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html, input, textarea
  {
    font-family:Arial, Georgia, Tahoma; 
    font-size:12px;
    line-height:18px;
    color:#65737e;
    padding:0px;
  }

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ea4808;}

/*main layout */

#header, .shade_b {background:url(../../images/header_bg.gif) top repeat-x;}
.mobile {
  background:url(../../images/iphone2394505.png) top center no-repeat;
  height:450px;
/*  padding:95px 180px 0px 45px;*/
}
.preview_content {
  width:198px;
  height:225px;
  overflow:auto;
  margin-left:74px;
  color:#000;
}
.preview_content a {
  color: maroon;
}
.menu {padding:39px 0 0 44px;}
.logo {margin-right:71px;}

.main { margin:0 auto;}

#middle { width:100%;}

#row2 {background:url(../../images/row2_bg.gif) top repeat-x;}
.shade {background:url(../../images/gray_bar.png) repeat}
#row2 .indent {padding:21px 0 18px 18px;}

#footer .box_right {
  background:url(../../images/footer_right.png) top right no-repeat;
  height:35px;
}
#footer .box_left {
  background:url(../../images/footer_left.png) top left no-repeat;
  height:35px;
}
#footer .box_center {
  height:35px;
  font-family:arial;
  font-size:11px;
  background:url(../../images/footer_center.png) top center repeat-x;
  margin:0px auto;
}
#footer a {color:#65737e;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.m1 {background:url(../../images/m1_bg.gif) top right no-repeat; padding-right:17px; text-decoration:none; font-size:13px;}
.m1:hover {text-decoration:underline;}
.m2 {background:url(../../images/m2_bg.gif) top right no-repeat; padding-right:13px;}

.flash {width:222px; }
.box      {background:url(../../images/box_ttall.gif) top repeat-x #FFFFFF;}
.box .bot_left  {background:url(../../images/box_bl.gif) bottom left no-repeat;}
.box .bot_right {background:url(../../images/box_br.gif) bottom right no-repeat;}
.box .top_left  {background:url(../../images/box_tl.gif) top left no-repeat;}
.box .top_right {background:url(../../images/box_tr.gif) top right no-repeat; width:100%;}

.box2         {background:#eef0f0 url(../../images/box2_btall.gif) bottom repeat-x; line-height:16px;}
.box2 .righttall  {background:url(../../images/box2_rtall.gif) right repeat-y;}
.box2 .lefttall   {background:url(../../images/box2_ltall.gif) left repeat-y;}
.box2 .bot_left   {background:url(../../images/box2_bl.gif) bottom left no-repeat;}
.box2 .bot_right  {background:url(../../images/box2_br.gif) bottom right no-repeat;}
.box2 .top_left   {background:url(../../images/box2_tl.gif) top left no-repeat;}
.box2 .top_right  {background:url(../../images/box2_tr.gif) top right no-repeat;}
.box2 .toptall    {background:url(../../images/box2_ttall.gif) top repeat-x; width:100%;}
.box2 .shadow   {background:url(../../images/shadow.gif) bottom left no-repeat;}

.bg1 {background:url(../../images/bg1.jpg) top right no-repeat; padding-right:65px;}
.bg2 {background:url(../../images/bg2.jpg) top right no-repeat; padding-right:65px;}

li { border-bottom:1px solid #e8e8e4; line-height:29px;}
li a {color:#65737e; text-decoration:none;}
li a:hover {color:#ea4808;}

/* index */

#index #row1 .indent {padding:20px 0 0 0;}
#index .box2 {margin-bottom:8px;}
#index .box2 .padding {padding:18px 25px 16px 23px;}

#index #row2 .column1 .padding {padding:25px 0 0 28px;}
#index #row2 .column2 .padding {padding:25px 0 0 29px;}
#index #row2 .column3 .padding {padding:25px 0 20px 29px;}

#index #row2 .column2 .col1 {width:105px;}
#index #row2 .column2 .col2 {width:70px;}

#index #row2 .column3 .col1 {width:105px;}
#index #row2 .column3 .col2 {width:70px;}

#form1 .row {height:34px;}
#form1 .input {border:1px solid #e4e6e8; background:#f5f6f7; color:#4a545d;}

.red {color:#ea4808;}
/* index-1 */

#index_1 #row1 .indent {padding:45px 0 0 0;}
#index_1 .box2 {margin-bottom:8px;}
#index_1 .box2 .padding1 {padding:18px 25px 15px 23px;}
#index_1 .box2 .padding2 {padding:18px 25px 14px 22px;}
#index_1 .box2 .padding3 {padding:18px 25px 16px 22px;}

#index_1 #row2 .column1 .padding {padding:25px 10px 20px 26px;}
#index_1 #row2 .column2 .padding {padding:25px 0 19px 29px;}

/* index-2 */

#index_2 #row1 .indent {padding:45px 0 0 0;}
#index_2 .box2 {margin-bottom:8px;}
#index_2 .box2 .padding {padding:18px 25px 16px 23px;}

#index_2 #row2 .column1 .padding {padding:25px 10px 20px 27px;}
#index_2 #row2 .column2 .padding {padding:25px 0 19px 29px;}

#index_2 #row2 .column2 .col1 {width:171px;}
#index_2 #row2 .column2 .col2 {width:149px;}


/* index-3 */

#index_3 #row1 .indent {padding:45px 0 0 0;}
#index_3 .box2 {margin-bottom:8px;}
#index_3 .box2 .padding1 {padding:18px 25px 15px 23px;}
#index_3 .box2 .padding2 {padding:18px 25px 14px 22px;}
#index_3 .box2 .padding3 {padding:18px 25px 16px 22px;}

#index_3 #row2 .column1 .padding {padding:25px 10px 19px 28px;}
#index_3 #row2 .column2 .padding {padding:25px 0 17px 29px;}

#index_3 #row2 .column2 .col1 {width:191px;}
#index_3 #row2 .column2 .col2 {width:225px;}

form .row {height:35px;}
.row {height:35px;}
form .ta {height:85px;}

.input {border:1px solid #e4e6e8; color:#4a545d;}
textarea {overflow:auto}
form .div {text-align:right; padding:7px 0 0 0;}

/* index-5 */

#index_4 .box2 .padding {padding:18px 20px 18px 23px;}

#index_4 #row1 .indent {padding:45px 0 0 0;}

#index_4 #row2 .indent {padding:21px 23px 18px 18px;}
#index_4 #row2 .box .padding {padding:25px 10px 20px 28px;}

.padding {padding:15px;}
.margin {margin:15px;}
.border {border:1px solid #EEF0F0;}
.content_layer {padding:5px;}

.window {
  width:189px;
  text-align:center;
}

.window_header {
  background:url(../../images/hdr-blue.gif) no-repeat;
  color: #FFFFFF;
  font-weight:bold;
}

.window_body {
  background:url(../../images/box-body.gif) no-repeat;
  height:178px;
}

.left_arrow, .right_arrow {
  margin-top:70px;
  margin-left:20px;margin-right:19px;
  width:30px;
}

.widget_box {
  margin-top:35px;
}

.pointer {
  cursor:pointer;
}

.bg_blue {
  background:url(../../images/myDashboard_bg.gif) top center repeat-x;
  color:#FFF;
}

.discover_button_on {
  background:url("../../images/discover_all_bg_on.gif");
  color:#fff;
  font-weight:bold;
  cursor:pointer;
}

.discover_button_off {
  background:url("../../images/discover_all_bg_off.gif");
  cursor:pointer;
}

.feed_channel {
  background:url("../../images/lifestyle_channels_bg.gif") no-repeat;
  width:236px;
  height:152px;
}

.social_channel {
  background:url("../../images/sn_channels_bg.gif") no-repeat;
  width:236px;
  height:152px;
}

.user_channel {
  background:url("../../images/mychannels_bg.gif") no-repeat;
  width:236px;
  height:152px;
}

.popular_channel {
  background:url("../../images/popular_channels_bg.gif") no-repeat;
  width:236px;
  height:152px;
}

.required {
  color:#ff0000;
}