@charset "utf-8";

body  {
	font: 90% Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #EEEEEE;
}

a:link {
	color: #0000CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000CC;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
}
a:active {
	text-decoration: none;
}


#main {	
    	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#top {
    width: 988px;
    height: 130px;
    float: left;
}

#logo {
	margin-left: 20px;
	padding-top: 10px;
	float: left;
}

#download-app {
	margin: 15px 10px 0px 0px;
	float: right;
        clear: right;
}


#top-right #top-links {
   margin: 0px 30px 0px 0px;
   float: right;
}


#top-right {
    margin-top: 10px;
    width: 600px;
    height: 130px;
    color: #262262;
    float: right;
    font-size: 9pt;
}

#top-right a, #top-right a:visited {
  color: #262262;
}

#top-search {
    margin: 20px 5px 0px 0px;
    float: right;
}

#search-container {
  float: right;
  width: 640px;
  margin: 20px 12px 0px 0px;
}

#main-body {
    float: left;
    width: 998px;
}

#channels {
    float: left;
    width: 124px;
}

#channels img {
    padding: 0px;
    margin-left: 10px;
}

#channels ul {     
    border: 1px solid #D7D7D7;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

#channels ul li {
       list-style-type: none;
       list-style-position: inside;
       margin: 0px;
       font-weight: bold;
       padding-left: 0px;
       border-bottom: 1px solid #D7D7D7;
}

#channels ul li.upcoming {
       padding-top: 10px;
       margin: 0 auto;
       font-weight: bold;
       border-bottom: 0px;
}
#channels ul li.add {
       text-align: center;
       padding-top: 0px;
       margin: 0 auto;
       font-weight: bold;
       border-bottom: 0px;
}

#channels ul li.add a {
       color: #bb141a;
}

#channels ul li.world {
       padding-top: 10px;
       margin: 0 auto;
}
#channels ul li.current {
       background-color: #EFEEFE;
       margin: 0px 0px 0px 0px;
       font-weight: bold;
       padding: 0px;
}


#channels .header {
    background-color: #262262;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

#channels ul li a {
    color: #262262;
    text-decoration: none;
    font-size: 9pt;
}

#channels ul li .disabled {
    color: black;
    text-decoration: none;
    font-size: 9pt;
}

#channels ul li:hover {
    background-color: #EFEEFE;
}


#channels ul li ul {
    list-style-type: none;
    margin: 2px 0px 2px 0px;
    border: none;
}

#channels ul li ul li {
    padding: 3px 0px 3px 12px;
    border-bottom: none;
    background-color: #FFFFFF; 
    font-weight: normal;
    font-size: 8pt;
}

#channels ul li ul li.current {
    padding: 3px 0px 3px 12px;
    border-bottom: none;
    background-color: #EFEEFE;
    font-weight: normal;
}

#content {
    float: left;
    width: 998px;
    margin: 0px 0px 0px 0px;
}

#bluebar {
    float: left;
    background-color:#252161;
    color: white;
    width: 961px;
    padding: 4px 4px 4px 4px;
    margin: 0px 0px 5px 20px;
}

#bluebar .text {
    float: left;
    color: white;
}

#bluebar .textright {
    float: right;
    color: white;
}

.textright a, .text a, .textright a:visited, .text a:visited {
    color: white;
}

#breadcrumbs {
  padding: 0px 0px 0px 20px;
  text-align: left;
  width: 970px;
  background-color: #ffffff;
  /*border-top: 1px solid ;*/
  float: left;
  color: #bb141a;
  font-weight: normal;
  font-size: 10pt;
}

#breadcrumbs .text {
 float: left;
}

#breadcrumbs .follow {
  float: right;
  clear: none;
  margin-right: 10px;
}

#breadcrumbs a, #breadbrumbs a:visited {
  color: #bb141a;
  font-size: 10pt;
}

#admin_warning {
  font-weight: bold;
  color: #bb141a;
  text-align: center;
  margin-bottom: 5px;
  width: 988px;
  border: 1px solid #bb141a;
}

#admin_warning .admin_links {
  
  text-align: left;
  margin-bottom: 5px;
  width: 900px;
}

#admin_warning .admin_links a {
  font-weight: normal;
  color: #bb141a;
}

#missing {
  font-weight: bold;
  color: #bb141a;
  text-align: center;
  margin-bottom: 5px;
  width: 988px;
  border: 1px solid #bb141a;

}


#missing a {
  font-weight: bold;
  color: #0000ff;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#slave {
  float: left;
  padding: 10px 0px 0px 0px;
}

#blinked-footer {
  border-top: 1px solid black;
  width: 988px;
  font-size: 9pt;
  color: #262262;
  padding: 5px 0px 5px 0px;
  height: 20px;
}

#blinked-footer a, #blinked-footer a:visited {
  font-size: 9pt;
  color: #262262;
}

.map-dropdown {
  background: white; 
  color: #262262;
  text-decoration: none; 
  border: 1px solid #262262;
  font-size: 8pt;
  width: 120px;
  margin-left: -9px;
}

#slave .video {
	float: left;
	width: 580px;
	margin-left: 0px;
	border-top: 1px solid #CCCCCC;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 15px;
}

#slave .video img, #slave .highlight img {
    float: left;
}

#slave .video .portrait ,#slave .highlight .portrait {
    margin: 0px 5px 0px 5px;
    width: 72px;
    height: 54px;
    float: left;
    left: -0px;
    position: relative;
}

#slave .video .video-contents .misc2 img , #slave .highlight .video-contents .misc2 img {
  float: none;
}

#slave-mid {
    float: left;
    width: 600px;
    min-width: 540px;
    margin: 0px 60px 0px 20px;
}

#user-search {
    float: left;
    width: 800px;
    margin: 0px 60px 0px 20px;
}

#user-title {
  color: #262262;
  margin-bottom: 20px;
  font-size: 17pt;
  float: left;
}

#twitter-notif {
  color: #bb141a;
  margin-top: -20px;
  margin-bottom: 10px;
  font-size: 11pt;
  font-style: italic;
}

#twitter-notif a, #twitter-notif a:visited {
  color: #bb141a;
  font-size: 11pt;
  font-style: italic;
}


#slave-right {
    float: left;
    width: 300px;
}

/*video boxes in the middle */

.video .video-contents , .highlight .video-contents {
    position: relative;
    float: left;
    width: 480px;
    left: -95px;
}

.video .country , .highlight .country {
    float: left;
    margin: 5px;
}

.video-contents p.locked {
    color: red;
    font-weight: bold;
    font-size: 12pt;
}

.video-contents .breadcrumbs, .video-contents .breadcrumbs a {
    color: #00005F;
    font-weight: bold;
    font-size: 11pt;
}

.video_player .title {    
    margin-bottom: 8px;
    float: left;
}

.video-contents .title {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 400px;
  font-size: 11pt;
  color: #625950;
  clear: both;
}

.video-contents .title a.text, .video-contents .title .text {
    font-size: 11pt;
    font-weight: normal;
    width: 320px;
    color:#252161
    text-decoration: none;
}


.video-contents .title a.text:hover {
    text-decoration: underline;
    background: none;
}



.video_player .title, .video_player .title a {
    font-size: 12.5pt;
    color: #3B3561;
}

.video .temp , .highlight .temp {
  float: left;
  left: 485px;
  position: relative;
  width: 95px;  
  height: 65px;
}

.video .temp .follow, .highlight .temp .follow {
  padding-left: 50px;
  clear: both;
  font-size: 9pt;
}


.video .temp img , .highlight .temp img {
  padding-left: 50px;
  width: 40px;
  right: 0px;
}

.video .misc1 , .highlight .misc1 {
    position: relative;
    font-size: 8pt;
    color: #555555;
    margin: 0px 5px 5px 0px;
    width: 400px;
    padding: 0px;
  float: left;
}

.video .misc1 .contents , .highlight .misc1 .contents {
  width: 400px;
  float: left;
  color: #37414A;
  font-size: 9pt;
  position: relative;
  left: -90px;
}

.video .misc1 .video-contents img.portrait , .highlight .misc1 .video-contents img.portrait {
}


.video .misc1 .contents a, .highlight .misc1 .contents a {
  color: #37414A;
  font-size: 9pt;
}

.video .misc1 img, .highlight .misc1 img {
    position: relative;
    float: left;
    padding-left: 5px;
}


.video-contents .misc3 {
    float: left;
    width: 345px;
    font-size: 8pt;
    color: #555555;
    margin: 0px;
    padding: 0px;
}

.video-contents .misc3 a.username {
  font-size: 9pt;
}

.video .description, .highlight .description {
  width: 500px;
  float: left;
  clear: both;
  font-size: 8pt;
  font-weight: normal;
  color: #625950;
  margin: 5px 0px 0px 0px;
}

.video_player .misc1 {
    float: left;
    font-size: 8pt;
    color: #555555;
    margin: 0px;
    padding: 0px;
}

.video_player .desc {
    width: 500px;
    float: left;
    font-size: 9pt;
    color: #625950;
    margin: 10px 0px 10px 0px;
    padding: 0px;
}

.video_player .social {
    clear: both;
    float: left;
    font-size: 8pt;
    color: blue;
    margin: 0px;
    padding: 0px;
}

.video-contents .misc1 a, .video_player .misc1 a {
    font-size: 8.5pt;
    color: #262262;
    font-weight: bold;
}

.video-contents .misc2 {
    width: 350px;
    position: relative;
    font-size: 8pt;
    color: #555555;
    margin: 0px;
    padding: 0px;
    float: left;
}

.video-contents .misc2 .action-links{
    clear: both;
}

.video-contents .misc2 .action-links a {
    color: #bb141a;
}


.video_player .misc2 {
    float: left;
    clear: left;
    font-size: 8pt;
    color: #555555;
    margin: 0px;
    padding: 0px;
}

.video_player .misc2 .action-links {
  float: left;
  clear: both;
}

.video_player .video-container {
  float: left;
  clear: both;
}


.video_player .flag {
  float: left;
  text-align: right;
  width: 500px;
  font-size: 8pt;
  color: #555555;
  margin: 5px 0px 5px 0px;
  padding: 0px
}

.video_player .flag a {
  color: #262262;
  font-weight: bold
}


.video_player .misc2 .rate {
  clear: both;
  float: left;
  margin: 0px;
}

.video_player .misc2 a.edit, .video_player .misc2 a.edit:visited {
    font-weight: bold;
    color: #bb141a;
}

.video-contents .misc3, .video_player .misc3 {
    position: relative;
    font-size: 8pt;
    color: #555555;
    margin: 0px;
    padding: 0px;
}

.video-contents .misc3 a, .video_player .misc3 a {
    font-weight: bold;
    color: #262262;
    font-size: 8.5pt;
}

.video-contents .misc2 a, .video_player .misc2 a {
    font-weight: normal;
    color: #0000CC;
    font-size: 8.5pt;
}

.video-contents .misc2 .privacy-toggle {
  float: left; 
  color: #bb141a;
  margin-left: 10px;
}

.video-contents .misc2 .privacy-toggle a {
  color: #bb141a;
}


.video-contents .misc2 .rating {
    float: left;
}

.video_player .rating a img {
    border: 0px;
}

/*video boxes in the middle end */

/* channel contents in the middle */
#slave .channel {
	float: left;
	width: 500px;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 10px;
	display: block;
}

#slave .channel-add {
        float: left;
        width: 500px;
        margin-left: 0px;
        margin-top: 0px;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 0px;
        margin-bottom: 10px;
        display: block;
}

#slave .channel .group-logo {
  float: left;
  margin-left: 5px;
  margin-right: 10px;
  display: table-cell; 
  vertical-align: middle;
  height: 100%;
}

#slave .channel .group-logo img {
    float: left;
    border: 0px;    
    vertical-align: middle;
}

.channel .channel-contents {
    float: left;
    width: 380px;
    padding-left: 5px;
}

.channel .country {
    float: left;
    margin: 5px;
}

.channel-contents .breadcrumbs, .channel-contents .breadcrumbs a {
    color: #00005F;
    font-weight: normal;
    font-size: 11pt;
}

.channel-contents .title, .channel-contents .title a {
    font-size: 11pt;
    color: #625950;
}

.channel-contents .misc1 {
    font-size: 8pt;
    color: #555555;
    margin: 0px;
    padding: 0px;
}

.channel-contents .misc1 a {
    font-size: 8.5pt;
    color: #262262;
    font-weight: bold;
}

.channel-contents .misc2, .video_player .misc2 {
    font-size: 8pt;
    color: #555555;
    margin: 0px;
    padding: 0px;
}

.channel-contents .misc3, .video_player .misc3 {
    font-size: 8pt;
    color: #555555;
    margin: 0px;
    padding: 0px;
}

.channel-contents .misc3 a, .video_player .misc3 a {
    font-weight: bold;
    color: #262262;
    font-size: 8.5pt;
}

.channel-contents .misc2 a, .video_player .misc2 a {
    font-weight: normal;
    color: #262262;
    font-size: 8.5pt;
}

.channel-contents .misc2 .rating {
    float: left;
}

/*channel contents in the middle end */


.channel-box {
	border: thin solid #003310;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.channel-box h4 {
	background-color: #262262;
	height: 35px;
	width: 296px;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	margin: 0px;
	padding-right: 0px;
}

.channel-box p.description {
  font-size: 9.5pt;
  padding: 0px 0px 0px 5px;
  width: 240px;
  color: #262262;
  margin-bottom: 0px;
  clear: both;
}

.channel-box .channel-info {
  font-size: 9.5pt;
  margin-top: 12px;
  padding: 0px 5px 0px 5px;
  float: left;
  color: #262262;
  margin-bottom: 0px;
}

.channel-box .channel-info a {
  color: #262262; 
}

.channel-box .action-links {
  border: 1px solid black;
  padding: 0px 0px 0px 0px;
  margin-top: 10px;
  margin-left: 10px;
  width: 200px;
}

.channel-box .action-links h3 {
    background-color: #bb141a; 
    color: #FFFFFF;
    font-size: 10pt;
    padding: 2px;
    text-align: center;
    margin-top: 0px;
}

.channel-box .join a {
  font-size: 9pt;
  color: #bb141a; 
}

.channel-box .join {
  float: left;
  clear: left;
  padding-top: 10px;
  font-size: 9pt;
  color: #bb141a; 
}

.channel-box .send {
  float: left;
  padding-top: 10px;
  font-size: 9pt;
  color: #bb141a; 
}

.channel-box .send a {
  font-size: 9pt;
  color: #bb141a; 
}



.channel-box .action-links2 {
  clear: both;
  text-align: right;
  padding: 0px 0px 0px 5px;
  margin-right: 10px;
  margin-top: 0px;
}

.channel-box .action-links2 a, .channel-box .action-links2 a:visited {
  font-size: 8pt;
  color: #262262;
}

.channel-box .action-links a, .channel-box .action-links a:visited {
  font-size: 9.5pt;
  color: #bb141a; 
}

.channel-box .mood {
  font-size: 9.5pt;
  padding: 5px;
  width: 240px;
}

.channel-box .joinleave {
	background-color: #CCCCCC;
	height: 20px;
	width: 80px;
	float: left;
	margin-left: 200px;
	padding-left: 5px;
	margin-top: -20px;
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #001C08;
	border-bottom-color: #001C08;
	font-size: x-small;
	text-align: center;
	vertical-align: middle;
}

.channel-box .joinleave a {
	color: #262262;
}

.channel-box .flag {
    float: right;
    width: 41px;
}

.channel-box .group-portrait {
    float: left;
    padding: 0px 5px 0px 5px;
    margin-bottom: 0px;
    border: 0px;
}

.channel-box .group-portrait img {
    border: 1px solid black;
    padding: 0px;
    height: 72px;    
}


.video_player {
  float: left;
  width: 505px;
  margin-bottom: 30px;
}

#featured-videos {
  width: 300px;
  margin-top: 20px;
  margin-bottom: 10px;
  float: left;
}

#featured-videos .filter-links-header {
   text-align: center;
   color: #bb141a;
}

#featured-videos .filter-links a, #featured-videos .filter-links a:visited {
  color: red;
  font-size: 7.5pt;
}

#featured-videos .smallvideo {
  width: 290px;
  float: left;
  margin: 5px 0px 5px 0px;
}

#featured-videos .smallvideo img.thumb {
  float: left;
  clear: right;
  margin-right: 5px;
  width: 72px;
  height: 54px;
  border: 1px solid black;
}

#featured-videos .smallvideo .smallvideo-desc a {
  float: left;
  color: #37414A;
  width: 210px;
  font-size: 9pt;
}

#featured-videos .smallvideo .smallvideo-desc a:hover {
  background: none;
}


#featured-videos .smallvideo .smallvideo-desc img.small-portrait {
  
  bottom: 0px;
  vertical-align: bottom;
  border: 0px;
}

#rate-ajax {
  float: left;
  padding: 0px;
  margin: -2px 0px 0px 5px;
}

#rating-widget {
  float: left;
  padding: 0px;
  margin: 0px;
}

/* howto box on right for home */

.how-box {
	/*border: thin solid #003310;*/
	background-color: #666632;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: white;
}

.how-box h4 {
	background-color: #262262;
	height: 29px;
	width: 300px;
	padding-top: 5px;
	color: #FFFFFF;
	font-size: 10pt;
	text-align: center;
	font-weight: normal;
	margin: 0px;
	padding-right: 0px;
}

.how-box ul li, .how-box ul li a {
    font-size: 10pt;
    color: #535D5E;
}

.how-box .flavor-text {
    color: white;
    font-size: 14pt;
    font-weight: bold;
    padding: 10px;
      text-align: center;
}

.how-box .flavor-text2 {
    color: #D4E189;
    font-size: 12pt;
    font-weight: bold;
    padding: 10px 15px 10px 15px;
    text-align: center;
}


.how-box p {
	color: white;
	text-align: left;
	margin-left: 20px;
	font-size: 12pt;
}

.how-box .signup {
    margin-left: 70px;
}

.how-box .signup button {
    margin-right: 20px;
}

.how-box .signup a {
    color: white;
    font-weight: bold;
    font-size: 11pt;
    text-decoration: none;
}

.how-box p a {
  color: #bb141a;
  font-size: 10pt;
  text-decoration: underline;
}

/* user info box */

.user-box {
	border: thin solid #003310;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
}

.user-box h4 {
	float: left;
	background-color: #262262;
	height: 29px;
	width: 290px;
	padding-left: 10px;
	padding-top: 5px;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: normal;
	margin: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
}

.user-box h4 img {
	float: right;
	margin-right: 10px;
	height: 20px;
	width: 35px;
}

.user-box h4 .city {
    color: yellow;
    text-decoration: underline;
    font-size: 9pt;
    float: right;
    margin-right: 10px;
}

.user-box h4 .username {
	float: left;
}

.user-box ul li, .user-box ul li a {
    font-size: 10pt;
    color: #535D5E;
}

.user-box p {
	float: left;
	text-align: left;
	font-size: 10pt;
}

.user-box p a {
  color: #262262;
  font-size: 10.5pt;
  text-decoration: none;
}

.user-box .user-info {
  float: left;
  margin-left: 10px;
  color: #262262;
  width: 285px;
}

.user-box .user-info .additional-info {
  float: left;
  padding: 0px;
  clear: both;
  font-size: 10.5pt;
  margin-bottom: 0px;
  color: #888888;
}


.user-box .description {
  float: left;
  border: 1px solid black;
}

.user-box .action-links {
  float: left;
  clear: left;
}

.user-box .action-links2 {
  float: left;
  clear: left;  
  border: 1px solid black;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
}

.user-box .action-links2 h3 {
    background-color: #bb141a; 
    color: #FFFFFF;
    font-size: 10pt;
    padding: 2px;
    text-align: center;
    margin-top: 0px;
}

.user-box .action-links2 a {
  color: #bb141a;
  font-size: 9.0pt;
}


.user-box .action-links a {
  color: #bb141a;
  font-size: 9.0pt;
}


.user-box .user-info p.mood {
  float: left;
}

.user-box .user-info .pic img {
  float: left;
  margin-right: 10px;
}

.user-box .user-info .pic {
  font-size: 10.5pt;
  font-style: italic;
  clear: both;
}

.user-box .user-info .pic a, .user-box .user-info .pic a:visited {
  font-size: 8pt;
  color: #bb141a;
  float: left;
  clear: right;
  font-style: normal;
}

.user-box .user-info .additional-info a.red {
  text-decoration: none;
  font-size: 9pt;
  margin-left: 10px;
  color: #bb141a;
}

.user-box .user-info .send-message {
  float: right;
}

.user-box .user-info .send-message a {
  text-decoration: none;
  font-size: 9pt;
  color: #bb141a;
}

/*users list */
.user {
	float: left;
	width: 125px;
	margin-right: 20px;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	padding: 5px;
	margin-bottom: 10px;
}

.user .portrait {
	max-width: 90px; 
	max-height: 120px; 
	vertical-align: middle; 
	display : table-cell;
}

.user .portrait img {
	border: 0px;
	max-width: 120px;
        max-height: 120px;
}

.user .video_viewsCommentsBookmarks {
	font-size: 80%;
	color: #7f7f7f;
}
.user .video_title {
	font-size: 90%;
	font-weight: bold;
	color: #000503;
	text-align: left;
	vertical-align: top;
}

.user .video_title img {
   width: 35px;
   height: 20px;
}

/*how box player*/
#how-container {
  float: left;
}

#how-container .title {
  float: left;
  margin: 0px 0px 10px 0px;
  font-size: 11pt;
  color: #625950;
  clear: both;
}

#how-container .misc {
    float: left;
    font-size: 8pt;
    color: #555555;
    margin: 0px 5px 5px 0px;
    padding: 0px;
    clear: both;
}

#how-container .social {
  float: left;
  clear: both;
}

#how-container  .misc2 {
    float: left;
    font-size: 8pt;
  margin: 0px 0px 5px 0px;
    color: #555555;
    margin: 0px;
    padding: 0px;
    clear: both;
}

/* end of user list */

#channels h1.hot {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #bb141a;
    margin-left: 10px;
    font-size: 9pt;
    border-top: 1px solid #bb141a;
}

#channels ul.hot {     
    margin: 0px;
    padding: 0px;
    text-align: left;
    border: none;
}

#channels ul.hot li {
       list-style-type: none;
       list-style-position: inside;
       margin: 0px;
       font-weight: bold;
       padding-left: 0px;
       border: none;
}

#channels ul.hot li:hover {
       text-decoration: none;
       background: none;
}

#channels ul.hot li a, #channels ul.hot li a:hover {
       color: #37414A;
       font-size: 8pt;
       margin-left: 10px;
}

#channels ul.hot li a:hover {
       color: #37414A;
       text-decoration: none;
}

h3.gmap {
    text-align: center;
    margin: 20px 0px -20px 0px;
}

.gmap-container {
    float: left;
    clear: both;
}

#embed-channel {
    border: 1px solid black;
    float: left;
    width: 116px;
    font-size: 9pt;
    margin: 10px 0px 10px 10px;
    padding: 3px;
}

#embed-channel a:hover {
    text-decoration: underline;
}

ul.compact, .action-list ul{
  margin: 0px;
  padding: 0px;
}
ul.compact li, .action-list ul li {
  list-style:none;
  display: inline;
}


/* button rounded */
button {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 30px;
line-height: 30px;
width: auto;
}

button.rounded {
background: transparent url( /resources/images/button/btn_right.png ) no-repeat scroll right top;
clear: left;
font-size: 0.8em;
}

button.rounded2 {
background: transparent url( /resources/images/button/btn_right.png ) no-repeat scroll right top;
clear: left;
font-size: 0.8em;
}

button span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 30px;
line-height: 30px;
}

button.rounded span {
background: transparent url( /resources/images/button/btn_left.png ) no-repeat scroll left top;
color: black;
font-size: 14pt;
}

button.rounded2 span {
background: transparent url( /resources/images/button/btn_left.png ) no-repeat scroll left top;
color: black;
font-size: 8pt;
}

button.rounded:hover {
background-position: 100% -30px;
}

button.rounded:hover span {
background-position: 0% -30px;
}

button.rounded2:hover {
background-position: 100% -30px;
}

button.rounded2:hover span {
background-position: 0% -30px;
}


button::-moz-focus-inner {
border: none;
}
.twitter-share-button {
     margin-left: 45px;
    float: left; 
    position: relative;
}