﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

.lbfavdiv {
overflow-x:hidden;
overflow-y:auto;
}

a:link
{
    color: #034af3;
    text-decoration: none;
}
a:visited
{
    text-decoration: none;
}
a:hover
{
    color: #000000;
    background-color:#48FFFE;
}
.clicked
{
    color: #000000;
    background-color:#48FFFE;
}
a:active
{
    color: #12eb87;
}

p
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1
{
   font-family:  'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:30px;
font-weight:bold;
letter-spacing:-1px;
    margin:0;
}

h2 {
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:20px;
font-weight:normal;
color:#000000;
margin:0;

}

h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/


#footer
{
    background-color:#FAFAFA;
    padding: 10px 0;
    text-align: left;
    line-height: normal;
    margin: 0;
    font-size: .9em;
    width:900px;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
   
    padding: 1em;
    border: 0px solid #FFF;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{

    color:Black;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{

}

.textbox
{
	width: 200px;
    border: 1px solid #CCC;	
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  
}

table td 
{
  padding: 5px;   
}

table th
{
  text-align: left;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

img
{  border-style: none;
}

/*                                Not defaults sarts
-------------------------------------------------------*/


.form_tags { margin-bottom: 10px;}
			
			/* Setting widget width example */
.form_tags .textboxlist, #form_friends .textboxlist { width: 400px; }
			
			/* Preloader for autocomplete */
.textboxlist-loading { background: url('../content/close.gif') no-repeat 380px center; }
			
			/* Autocomplete results styling */
#form_friends .textboxlist-autocomplete-result { overflow: hidden; zoom: 1; }
#form_friends .textboxlist-autocomplete-result img { float: left; padding-right: 10px; }
			
.note { color: #666; font-size: 90%; }
			
.content {
width: 400px ;
margin-left: auto ;
margin-right: auto ;
         }
.button {
width: 21px ;
height: 19px;
cursor: pointer;
background-color:#FFFFFF;
        }
        
.help {background-color:#EdEdEd; border: 1px solid #CCCCCC; font-size: 12px; color: #666666; text-align:left; font-family: Arial, Helvetica, sans-serif; width: 398px;}

.quarterleft
{
	width:25%;
	float:left;
	text-align:left;
	color:#4d4d4d;
	background-color:#FAFAFA;
}

 #footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    
  .newclear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

ul.footerList li {
	list-style:none
	}

ul.footerList li a{
	color:#808080;
	text-decoration:none;
}

/*Results Css starts*/
.resultdescription{
	margin-top:5px;
}

a.resultdescription{
	text-decoration:none;
    color:#696969;
}

a.resultdescription:hover{
	text-decoration:none;
    color: Black;
    background-color:#FFFF00;
}

ul.tag-chain {
    line-height: 19px;
    margin: 0px;
    overflow: hidden;
    padding: 10px 0 0 0px;
    text-align: right;
    text-decoration: none;
	
}


ul.tag-chain li {
    display: inline !important;
    font-size: 90%;
}

a.user-tag {
    -moz-background-inline-policy: continuous;
    background: url(../../Content/images/Results/del_sprite_tags.png) no-repeat scroll 100% 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 100%;
    margin: 2px 3px 0 0;
    min-height: 17px;
    min-width: 20px;
    padding-right: 17px;
    text-decoration: none;

}

a.user-tag span {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #F2F2F2;
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    min-width:15px;
    min-height: 17px;
    padding: 0 0px 0 5px;
    text-decoration: none;

}

a.user-tag:hover {
background-position:100% -80px;
background-color:#FFFFFF;
cursor:pointer;
text-decoration:none;
}

a.user-tag:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ED1C24;
color:#FFFFFF;
}


.tagbox
{
display: none;
padding-right:10px;
clear:both;
margin-bottom:0;
}



/*Love hate fav buttons*/

.Ratingloading
{
display:none;
margin:-3px -4px;
min-height:17px;
min-width:20px;
padding:0px 0px 0px 21px;
min-height: 19px;
overflow:hidden;
}

.integrate-url {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFBE0 none repeat scroll 0 0;
border:1px solid #FFE95A;
color:#675D1C;
font-family:"Courier New",Courier,monospace;
padding:15px;
}

.instructions {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F6F6 none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin:2em 0;
padding:15px;
}

.resulttimespan {
font-size:92%;
font-weight:bold;
text-align:right;
float:right;
margin-top:12px;
}

.resulttimespan a{
color:#565656;
}

#resultskey
{
	color:Black;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

#keylinks a
{
	color:#696969;
}
#keylinks a:hover
{
	color:Black;
}

.link
{
    color: #034af3;
}
.link:hover
{
	color:Black;
}
/*Results Css ends*/

/*Search Css*/
ul.topnav   
{
	float:left;
    list-style: none;  
    padding: 0 20px;  
    margin: 0 -30px;   
    font-size: 1.2em;  
    display:inline;
    font-size:90%;
    position:relative;
    text-align:left;
}  
ul.topnav li {  
    float: left;  
    margin: 0;  
    padding: 0 0px 0 0;  
    position:relative; /*--Declare X and Y axis base for sub navigation--*/  
    display: inline;
}  
ul.topnav li a{  
    padding: 10px 0px;  
    color: #fff;  
    display: block;  
    text-decoration: none;  
 
}  
ul.topnav li a:hover{  
   /* background: url(topnav_hover.gif) no-repeat center top;  */
}
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 17px;  
    height: 35px;  
    float: left;
    margin:-3px ;
    background: url(../../content/images/dropdown/subnav_btn.gif) no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 25px;  
    background: #333;  
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 170px;  
    border: 1px solid #111;
    margin:-10px;
    left:-120px;
    z-index:100;
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    clear: both;  
    width: 170px;  
}  
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 145px;  
    background: #333 url(../../content/images/dropdown/dropdown_linkbg.gif) no-repeat 10px center;  
    padding-left: 20px;
            color:#ffffff;   
}  
.lihover { /*--Hover effect for subnav links--*/  
    background: #222 url(../../content/images/dropdown/dropdown_linkbgHover.gif) no-repeat 10px center;  
        color:#ffffff; 
} 


/*Lightbox Css*/

			.Title {color: #E5001C; font-size: 13px; margin-left: 10px; margin-right: 10px; text-align:left;}
			.Desc {color: #000000; margin-left: 10px; margin-right: 10px; text-align:left;}
			.help {background-color:#EdEdEd; border: 1px solid #CCCCCC; font-size: 12px; color: #666666; text-align:left; font-family: Arial, Helvetica, sans-serif; width: 398px;}
			.Box {
	        font-family: Arial, Helvetica, sans-serif;
	        font-size: 12px;
	        width: 400px;
	        background-color: #EdEdEd;
	       /* border: 1px solid 0099FF;*/
             }
             
          .dragme {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../content/images/icon.png) no-repeat scroll left center;
margin-left:17px;
padding:17px 0 17px 17px;
font-weight:600;

}
.dragme a{color:#ED1C24;font-family:Arial;}


 
  
  
  /* Invite css*/
#invite-method-container {
width:80%;
margin:auto;
}
#invite-method-container ul {
display:inline;
}
#invite-method-container ul li {
padding:0.7em 0.6em 20px 0;
list-style-type:none;
display:inline;
}
.selected {
background-color:#F1F1F1;
}
#invite-method-container ul li a.tab {
color:inherit;
cursor:pointer;
font-size:122%;
padding:0.6em 0.6em 0.6em 47px;
text-decoration:none;
background-color:Transparent;
}

.invite {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../Content/icons/external_service_icons.png) no-repeat scroll 4px 6px;
}

.gmail {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../Content/icons/external_service_icons.png) no-repeat scroll 4px -102px;
}

.facebook {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../content/icons/external_service_icons.png) no-repeat scroll 4px -30px;
}

.msnlive {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../content/icons/external_service_icons.png) no-repeat scroll 4px -176px;
}


/*kickass button*/

.a-sb-ML {
    float: left;
    white-space: nowrap;
}


.a-sb-e-rk .a-sb-ig-rg-e {
    background: url("../../Content/icons/kickasssprite.png") no-repeat scroll -119px -58px transparent;
}

.a-sb-e-rk:hover .a-sb-ig-rg-e {
    background: url("../../Content/icons/kickasssprite.png") no-repeat scroll -177px -58px transparent;
}


.a-sb-ig-rg-e {
    height: 24px;
    width: 27px; /*was 57*/
}

.a-sb-ig-e {
    display: block;
    outline: 0 none;
    text-decoration: none;
}

.Qw {
    padding-left: 1px;
}

.Sw, .Rw, .Qw {
    float: left;
}

.Qw .kB {
    background-position: -235px -58px;
    height: 24px;
    width: 6px;
}

.kB, .lB {
    background: url("../../Content/icons/kickasssprite.png") no-repeat scroll 0 0 transparent;
    float: left;
}

.Qw .iB {
    max-width: 57px;
    min-width: 12px;
}

.iB {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid none;
    border-width: 1px;
    float: left;
}


.Qw .jB {
    font-size: 14px;
    height: 20px;
    line-height: 21px;
    margin: 1px 6px;
}

.jB {
    color: #666666;
    font-family: arial,sans-serif;
    overflow: hidden;
    white-space: nowrap;
}

.Qw .lB {
    background-position: -290px -58px;
    height: 24px;
    width: 2px;
}

/*kickass button end*/


