/* =Type

-------------------------------------------------------------- */

/* =sizes */
body {
	font-size: small;
	text-align: center;
	line-height: 1.5;
	}

body textarea,
body input { font-size:100% }

.result h2 .lastOnline {font-size:55%}

.relatedItems h3 {font-size:1em}

.success,
.error  { font-size: 1.2em; line-height:1.2; }




/* =Color

-------------------------------------------------------------- */


/*=black, =grays, =white , =transparent going white to dark========*/

.snippet .currentRating img,
div #nav2 li,
textarea.textareaAsNormalText { background:transparent; }

/*body { background: #f2f2f2 fixed url(img/body-bg-2.jpg) repeat-x 0 0; }*/
/*#colWrap { background-image: url(img/nav1-bg-blue-3.gif); background-position: 0 0; background-repeat:repeat-x; }*/

#colMain,
tr.aunreadmsg td.subject { background-color: #fff; }

.pagingLinks a:hover,
code {color:#fff}

#sharevideo,
.nav3 .current,
.nav3 .current a,
#colSub2,
#colSub,
/*#colWrap,*/
.friends li.even,
tr.even td,
body blockquote,
div.ad,
#selectFriends,
.messages div.actions p,
.mailbox tr:hover { background-color: #f8f8f8; }

#selectFriends,
.lessonActions { background: #f8f8f8; }

.popularMembers li a:hover,
.popularMembers img,
.snippets img, .snippet img { background-color: #f2f2f2; }

.btn2, { background: #e9e9e9;}

.pagingLinks a,
.pagingLinks strong,
div.ad { border-color: #e2e2e2; }


.nav3 a { background-color: #eee; } /* This can't be combined with the next !important statement. Else it overrides the style of nav3 anchors. */

.readonly { background-color: #eee !important; }

th,
.nav3,
/*#colWrap,*/
#selfriends div ul li,
#selectFriends ul li,
#myHome #colMain h2,
.snippets img,
.snippet img  { border-color: #ccc; }

.profile tr th, .profile tr td {border-top-color:#eee}

.profile tr th, .profile tr td {border-bottom-color:#eee}

.msgDetail .linkControls,
.popularMembers li a,
table.mailbox tr td {border-bottom-color:#ddd}

.msgDetail .linkControls,
.serp #colWrap .results .result,
table.mailbox tr td  {border-top-color:#ddd}

.branchName,
.profile h1 span {color:#693}

#sharevideo {border-color:#ccc}

.nav3 .current a:hover,
.nav3,
.nav3 a,
#friends li img,
textarea.textareaAsNormalText {border-color: #bbb}

a.removeVideo:link,
a.removeVideo:visited,
a.removeFriend:link,
a.removeFriend:visited,
del,
div a.alreadyAdded:link,
div a.alreadyAdded:visited,
.comments a.remove:link,
.comments a.remove:visited,
.serp .result a.remove:link,
.serp .result a.remove:visited,
a.removeSubtle:link,
a.removeSubtle:visited,
.info p,
h6,
#corporate a:link,
#corporate a:visited,
#copyright {color:#777}

body.profile p.langsSpoken,
th,
#navUtility a:link { color: #555; }

#navUtility a:visited,

.btn2,
.nav3 a { color: #333; }

a.noteType{color:#ff6600;}

body,
h3,
h4,
h5,
a.text:link, a.text:visited, /* invite friends remove links */
.popularMembers li a {color:#222}

#nav2 li strong { color: #111; }

a.btn,
#nav1 a:focus,
#nav1 a:hover,
#nav2 a:focus,
#nav2 a:hover,
.nav3 a:focus,
.nav3 a:hover {color: #FF6600 !important; }


/*=reds========*/

/* pink */
div.error,
.fieldError { background-color: #F6CFCF;   }

/* red with lots of dark grey */

.ajaxError,
.error,
.fieldError { border-color: #c44;  }

/* dark reds */
code { background-color: #c00 }

a:active,
#navUtility a:active,
.error,
.fieldError { color: #a00; }

a.removeNoIcon {color: #A44; }


/*=yellow========*/

.dev, .fyi, .noResults { background-color: #fff6bf; border-color: #E7CA67; }

.fyi .btn, .fyi .btTxt,
.noResults .btn, .noResults .btTxt { background-color: #fb5;}


/*=greens light to dark========*/

.btn,
.btTxt { background-color: #FFB03B;}

.success {  background-color: #DFF9BC; border-color: #A8EC4A;  }

/*#nav1 li { background: #8fc73e url(img/nav-green-notch1.gif) no-repeat 0 0; }*/

/*#nav1 li a,*/
/*#nav1 li strong { background: url(img/top-right-corner.gif) no-repeat 100% 0; }*/

h1 { color: #fe9e06; }
body.profile p.langsSpoken,


/*grayish blackish green*/
.success { color: #354E29 }

/* very dark green */
#nav1 a:link,
#nav1 a:visited { color: #131; }


/*=blues light to dark========*/

p.checkUncheck,
{
border-color: #aacfde; }

p.checkUncheck, {
background:#CAEFFE;
}

/* med blue*/


/*#nav1 li.active { background: #2ec1fd url(img/notch-blue.gif) no-repeat 0 0;   }*/

#nav2 a:hover,
#nav2 a:focus { background-color: #2DC2FD; }

#nav2 { background: #29AFE5 url(img/nav1-bg-blue-3.gif) 0 0 repeat-x; }
h2 { color: #595959;font-weight:bold;font-size:14px; }
/*darker gray blue*/

.serp .result a:visited,
a:focus,
#navUtility a:hover,
#corporate a:hover { color:#0094ce; }

.pagination a:hover,
.pagingLinks a:hover { background-color: #0087e5; }

#nav2, { border-color: #0087e5; }

a.pgNext:hover, a.pgPrev:hover,
.popularMembers li a span,
a:link, a:visited { color:#595959; }

.mailbox tr.unreadmsg:hover { background-color: #e0f2f8;  }

#nav2 a:link,
#nav2 a:visited { color: #113; }

#colWrap .ff{color:#FF6600;}


/* =Typography
font shorthand reminder: s,v,w,s/l,f

=Fonts
-------------------------------------------------------------- */

body,
body textarea,
body input,
body select { font-family: "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, sans-serif;}

pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* =bolds =weights =style */
a.aunreadmsg,
#nav1 li.active strong a,
#nav2 li strong,
#nav1,
.success,
.error,
.nav3 a,
table.mailbox th a { font-weight: bold;}

.profile h1 span,
a.areadmsg,
#nav2 li a,
th { font-weight: normal;}

.profile h1 span {font-style:italic;font-size:28px;color:#ccc}

/* =text decoration */
#nav1 a:focus, #nav1 a:hover,
#nav2 a:focus, #nav2 a:hover,
.nav3 a,
#access,
a:hover,
a:focus,
div a.alreadyAdded,
.popularMembers li a,
.popularMembers li a:hover span,
table.mailbox th a,
.text /* invite friends remove links */ { text-decoration: none; }
#colWrap ul{margin-bottom:6px;}