/* CSS Document */
@import url(core.css);
@import url(footer-style.css);
/** **/
html {}
body{font-size: 16px; font-family:Arial, Helvetica, sans-serif; background:#F7F8FD url(../images/topbg.gif) repeat-x left top;}
body#news{background-image:none;}
button {color: #000;font-size: 0.9em; cursor: pointer; line-height: 1.5em; background:transparent url(../images/blb_head_bg.gif) center left;border:1px solid #999999;}
input,textarea,select{border:1px solid #d5dce0;font-family:Arial, Helvetica, sans-serif; padding:2px; background:#FFF url(../images/input_bg1.gif) left bottom repeat-x;}
select.sp{border:1px solid #d5dce0; font-family:Arial, Helvetica, sans-serif;padding:2px; font-size:12px;background:#FFF url(../images/input_bg1.gif) left bottom repeat-x;}
input.none{background:none; border:none;}
hr {visibility: hidden; height: 1.25em;}
.clear { /* generic container (i.e. div) for floating buttons */overflow: hidden; width: 100%;}
.image{border:1px solid #990033;}
/* for buttons=====*/
.nbtn {display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:12px/1.2 Arial,Sans-serif; text-decoration:none; color:#282828;}
* html button.nbtn {padding-bottom:1px;}
html:not([lang*=""]) button.nbtn {margin:0 -2px;}
.nbtn span {background:#ddd url(../images/bg-button-n.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #aeafb0; border-right:1px solid #aeafb0;}
* html .nbtn span { padding-top:0;}
.nbtn span span {position:relative; padding:3px .4em; border-width:0; border-top:1px solid #aeafb0; border-bottom:1px solid #aeafb0;}
/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {border-right-width:0;}
button.pill-l span span {border-right:1px solid #bbb;}
button.pill-c span {border-right-style:none; border-left-color:#fff;}
button.pill-c span span {border-right:1px solid #bbb;}
button.pill-r span {border-left-color:#fff;}
/* only needed if implementing separate hover/focus/active state for buttons */
.nbtn:hover span, .nbtn:hover span span, .nbtn:focus span, .nbtn:focus span span {cursor:pointer; /* important for any clickable/pressable element */border-color:#99cce6 !important; color:#000;}
.nbtn:active span {background-position:0 -20px; outline:none;}
.nbtn:focus, .nbtn:active {outline:none; /* doesn't seem to be respected for <button>, only <a> */}
/* use if one button should be the 'primary' button */
.primary {font-weight:bold; color:#000;}
	  
a.button {background: transparent url(../images/bt_right.gif) no-repeat scroll top right;color: #333; display: block; float: left; font: bold 12px arial, sans-serif; height: 24px;  margin-right: 6px; padding-right: 10px; /* sliding doors padding */ text-decoration: none;}
a.button span {background: transparent url(../images/bt_left.gif) no-repeat scroll top left; display: block; line-height: 14px; padding: 5px 0 5px 10px;} 
a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
a.button:active span { background-position: bottom left;}

a.btn-blog {background: transparent url(../images/blog-bt_right.gif) no-repeat scroll top right; color: #fff; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; font-weight:bold; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.btn-blog  span {background: transparent url(../images/blog-bt_left.gif) no-repeat scroll top left; display: block; line-height: 14px; padding: 5px 0 5px 18px;} 
a.btn-blog :active {background-position: bottom right; color: #fff; outline: none; /* hide dotted outline in Firefox */}
a.btn-blog :active span {background-position: bottom left;}

a.btsmall {background: transparent url(../images/btn1_right.gif) no-repeat scroll top right; color: #496b97; display: block; float: left; font: bold 11px Tahoma, sans-serif; height: 20px; margin-right: 4px; padding-right: 10px; /* sliding doors padding */ text-decoration: none; cursor:pointer;}
a.btsmall span {background: transparent url(../images/btn1_left.gif) no-repeat; display: block; line-height: 10px; padding: 5px 0 5px 10px;} 
a.btsmall:active {background-position: bottom right; color: #496b97; outline: none; /* hide dotted outline in Firefox */}
a.btsmall:active span {background-position: bottom left; padding: 6px 0 4px 10px; /* push text down 1px */}

a.view{color:#488bd0; font-size:12px; font-weight:bold; text-decoration:none;}
a:hover.view{ color:#65a2e0;text-decoration:underline;}
/* for buttons=====*/
#wraper{width:998px; margin:0 auto; position:relative; margin-top:0px;}
#headContainer{position:relative; height:125px;}
#headContainer .right {position:absolute; right:5px; top:20px; width:728px; height:90px; background:#fff; border:1px solid #CCCCCC;}
#headContainer .right_n {position:absolute; right:5px; top:27px; width:728px; height:90px; background:#fff; border:1px solid #CCCCCC;}

/*#logo {float:left; width: 230px; height: 60px; text-indent: -3333px; border: 0; margin:25px 0 0 5px;}
#logo a {display: block; width: 230px; background: transparent url(../images/logo.jpg) no-repeat scroll left top; height: 46px; text-decoration: none; border: 0;}
#logo a:hover {display: block; width: 230px; background: transparent url(../images/logo.jpg) no-repeat scroll left -52px; height: 46px;text-decoration: none; border: 0;}
*/

#logo {float:left; width: 155px; height: 56px; text-indent: -3333px; border: 0; margin:26px 0 0 40px; display:inline; }
#logo a {display: block; width: 155px; background: transparent url(../images/logo.jpg) no-repeat scroll left top; height: 56px; text-decoration: none; border: 0;}


#manNav{position:relative; margin:0 8px; height:54px; z-index:999999;}
#manNav{ *margin-top:5px !important;}
*html body #manNav{margin-top:-2px !important;}
#manNav .tabscontainer-right{ float:right;position:relative; padding:0 8px 0 0; height:40px;_height:34px;}
#manNav .tabscontainer{padding:0 0 0 8px;height:40px;_height:34px;}
#manNav .tabscontainer-right b{font-size:13px; display:block; margin:12px 0 0 0; font-weight:bold; color:#FFF;}
#manNav .tabscontainer-right a {text-decoration:none; color:#FFF; margin:0; text-decoration:none;}
#manNav .tabscontainer-right a:hover {color:#FFF; text-decoration:underline;background-position: left top;}
#manNav .strip{height:22px; width:99%;margin:0 auto; color:#003864; text-align:right;font:normal 0.75em/1.3em Arial, Helvetica, sans-serif;}
#manNav span.rCorner{float:right; position:relative;padding:3px 8px;}

.strip a{color:#333; text-decoration:none;}
.strip a:hover{color:#333;text-decoration:underline;}
/*--Container content starts here--*/
#Container{background:#ebeef4 url(../images/content-bg-new.gif) repeat-y left top;}
#Container #content{ background:url(../images/content-top-curv1.gif) scroll no-repeat left top;}
#content .top{height:10px;}
#content .bottom{background:url(../images/content_curve-new.gif) left bottom no-repeat;height:10px;font-size:1px;line-height:1px;}
#content .bottom_new{left bottom no-repeat; height:10px;}
#content #middle{}
/*--Container content ends here--*/

/* lists here */
ul.tabs {padding:10px 0 0 0;_padding:4px 0 0 0;line-height:normal;font-size:0.82em; font-family:Arial, Helvetica, sans-serif;}
.tabs li { display:inline;}
.tabs li a {float:left; font-weight:bold; text-decoration:none; color:#FFF; padding:0 0 0 24px; text-decoration:none;background:url(../images/nav_left-new.gif) scroll no-repeat left 4px;}
.tabs li.c a {display:block;width:28px;height:24px; padding:0;}
.tabs li.d a {background-position:-32px 4px;}
.tabs li.e a {background-position:-64px 4px;}
.tabs li.f a {background-position:-96px 4px;}
.tabs li.g a {background-position:-128px 4px;}
.tabs li.h a {background-position:-160px 4px;}
.tabs li.i a {background-position:-192px 4px;}
.tabs li.j a {background-position:-224px 4px;}
.tabs li.k a {background-position:-256px 4px;}
.tabs li a span {float:left; display:block; background:url(../images/Snav_right.gif) scroll no-repeat right top;padding:4px 17px 4px 2px;color:#fff;cursor:pointer;}
.tabs a span {float:none;}/* End IE5-Mac hack */
.tabs a:hover span {color:#FFF;text-decoration:none;}
.tabs li.c a:hover, .tabs li#current.c a{background-position:left -24px;}
.tabs li.d a:hover, .tabs li#current.d a {background-position:-32px -24px;}
.tabs li.e a:hover, .tabs li#current.e a{background-position:-64px -24px;}
.tabs li.f a:hover, .tabs li#current.f a{background-position:-96px -24px;}
.tabs li.g a:hover, .tabs li#current.g a{background-position:-128px -24px;}
.tabs li.h a:hover, .tabs li#current.h a{background-position:-160px -24px;}
.tabs li.i a:hover, .tabs li#current.i a{background-position:-192px -24px;}
.tabs li.j a:hover, .tabs li#current.j a{background-position:-224px -24px;}
.tabs li.k a:hover, .tabs li#current.k a{background-position:-256px -24px;}
.tabs li a:hover span {background-position:100% -24px;}
.tabs #current a {color:#FFF;}
.tabs #current a span {background-position:100% -24px; color:#FFF;}
.tabs a span sup{font:bold 0.7em/0.6em Tahoma, Geneva, sans-serif;color:#F30;vertical-align:super;margin-left:5px;}


ul.dropmenu{float:left; position:relative;padding:4px 8px;}
.dropmenu{*z-index:-1;}
.dropmenu li{float:left; margin-right:10px;}
.dropmenu li a{font:bold 1em Arial, Helvetica, sans-serif;color:#333}
.dropmenu li a:hover{color:#1a1a1a;text-decoration:none;}
.dropmenu li.newstpk{padding:2px 8px 0 16px;background:url(../images/arr1.gif) no-repeat scroll left 5px;}
.dropmenu li.newstpk a{color:#333}
.dropmenu li.newstpk a:hover{color:#0D79AB;}
.dropmenu li.currentnews{padding:2px 8px 0 16px;background:#D3F0F5 url(../images/arr1.gif) no-repeat scroll left 5px;}
.dropmenu li.currentnews a{color:#0D79AB;}
/* List ends */
.error{font-size:12px; color:#CC0000;}


/*--footer starts here*/
#footer{clear:both; width:998px; font-size:11px; padding-top:15px; margin:0 auto; position:relative;}
#footer h3{padding-bottom:5px; margin-bottom:5px;text-transform:uppercase;}
#footer .top{background:url(../images/content_curve.gif) right top no-repeat;height:10px;}
#footer .top .left{background:url(../images/content_curve.gif) left top no-repeat; height:10px;width:15px;}
#footer .footerback {margin:0;background:transparent url(../images/content-bg-new.gif) repeat-y left top;padding:10px;padding-top:0;}
.footercontent { width:18%;min-height:130px;background:url(../images/footer-devider.png) right top no-repeat;_height:130px;float:left;margin:5px 10px 5px 5px;}
.footercontentlast { width:18%; min-height:130px; _height:130px; float:left; margin:5px 10px 5px 5px;}
.footercontent .heading, .footercontentlast .heading{ font-family:"Lucida Sans Unicode", arial, tahoma; font-weight:bold; font-size:12px; text-transform:uppercase; color:#000; padding:0; margin:0 0 3px 0;}
.footercontent li, .footercontentlast li{ font-family:"Lucida Sans Unicode", arial, tahoma; font-size:11px; color:#999; padding:0; line-height:16px;}
.footercontent li a, .footercontentlast li a{ color:#036c9b; text-decoration:none;}
.footercontent li a:hover, .footercontentlast li a:hover{ color:#036c9b; text-decoration:underline;}
/*======== fix ===*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
 .clearfix {display: inline-block;}
 html[xmlns] .clearfix {display: block;}
 * html .clearfix {height: 1%;}
/*==============fix ends ======*/

div#toolbar, div#toolbarbut {position: fixed; /* set fixed position for the bar */bottom: 0px;right: 0px;z-index: 9999; /* keep the bar on top  */height: 30px;background: url(../images/bcktool.gif);border-top: 1px solid #7E120A;border-left: 1px solid #7E120A;border-right: 1px solid #7E120A;font:bold 1em Arial, Helvetica, sans-serif;}
div#toolbar {width:100%;min-width: 700px; /* to limit the width when an excessive window resize */margin: 0px auto; /* centered toolbar */left: 0px;}
span.menu_title {padding: 10px;}
span.menu_title a {font-size: 12px;line-height: 34px;color: #fff;text-decoration:none;}

/* ===============================Menu(7-04-2010) ============================================================ */

.primary_nav{height:35px;position:relative;font:bold 1em "Lucida Sans", "Lucida Grande", sans-serif;color: #fff; width:990px;z-index:500;}

.primary_nav .table{display:table; margin:0 auto;}
.primary_nav .normal,
.primary_nav .hilite{margin:0; padding:0;list-style:none;display:table-cell;white-space:nowrap;}
.primary_nav ul li ul{background:none;}
.primary_nav li{margin:0;padding:0;height:auto;float:left;}
.primary_nav .normal a{display:block; height:35px;float:left;padding:0 20px;text-decoration:none;line-height:30px;white-space:nowrap;color:#fff;}
.primary_nav .hilite a{display:block; height:35px;float:left;background: url(../images/menu_bg.gif) left top;padding:0 20px;text-decoration:none; line-height:30px;white-space:nowrap; color:#661422; }
.primary_nav .hilite a {display:block; padding:0 20px;}
.primary_nav .normal a:hover, 
.primary_nav .normal li:hover a{padding:0; cursor:pointer;color:#661422;background: url(../images/menu_bg.gif) left bottom;}
.primary_nav .normal a:hover b, 
.primary_nav .normal li:hover a b{display:block;float:left;padding:0 20px;background:  url(../images/menu_bg.gif) left bottom;cursor:pointer;}
.primary_nav .select_sub{display:none;}
/* IE6 only */
.primary_nav table {border-collapse:collapse; margin:-1px; font-size:1em;width:0;height:0;}
.primary_nav .sub {display:table; margin:0 auto; padding:0;list-style:none;line-height: 25px;}
.primary_nav .sub_hilite .hilite_sub a, 
.primary_nav .sub_hilite a:hover {background:transparent; color:#f00;}
.primary_nav .normal :hover .select_sub, 
.primary_nav .hilite .show {display:block; position:absolute;width:990px;top:34px;padding:0;z-index:100;left:0;height: 27px;text-align:center;background: #FFF url(../images/main-bg.jpg) left -147px;font: bold 11px Verdana, Geneva, sans-serif;color: #000;}
.primary_nav .hilite .show {z-index:10;}
.primary_nav .normal :hover .sub li a, 
.primary_nav .hilite .show .sub li a {display:block; float:left; background:transparent; padding:0 10px 0 10px; margin:0; white-space:nowrap; border:0; color:#661422;height: 25px; line-height: 25px; }
.primary_nav .hilite .sub li.sub_show a {color:#e77c1c;cursor:default;}
.primary_nav .normal :hover .sub li a:hover, 
.primary_nav .hilite .sub li a:hover {visibility:visible; color:#b8292f;}
.horoscope {position: absolute;text-align: left;left: 0px;}
.love {position: absolute;text-align: left;left: 102px;}
.show{display: block}
.developedby{ float:right; width:200px; text-align:right; padding:0px 10px 0px 0px;}

.ecard_tabs{color:#FFFFFF; margin:0;font:normal 11px Tahoma;text-transform:uppercase;}
.ecard_bdr{border-bottom:1px solid #d0c5b4;}
.ecard_tabs li {display:inline;}
.ecard_tabs a {float:left; background:url(../images/new-tag-tab.gif) no-repeat left -17px; margin:0; padding:0 0 0 2px; text-decoration:none; font-size:96%; margin-right:3px;}
.ecard_tabs a span{float:left; display:block; background:url(../images/new-tag-tab-r.gif) no-repeat right -17px; padding:2px 10px 2px 6px; color:#FFF;}/* Commented Backslash Hack hides rule from IE5-Mac \*/
.ecard_tabs a span {float:none;}/* End IE5-Mac hack */
.ecard_tabs a:hover span {color:#3C4247;}
.ecard_tabs a:hover{background-position: left top; text-decoration:none;}
.ecard_tabs a:hover span {background-position:right top;color:#3C4247;}
.ecard_tabs .currentnew a {background-position:left top;}
.ecard_tabs .currentnew a span {background-position:right top;color:#3C4247;}
.taghead{background:#D6D9DF url(../images/taghead-bg.gif) repeat-x left top;padding:13px 5px 0;border-style:none solid; border-width:1px;border-color:#D6D9DF;}
.rightCol .tagcl{background:#fff; padding:0 5px; margin:0; border-left:1px solid #D6D6D6;border-right:1px solid #D6D9DF; font:normal 0.8em Arial, Helvetica, sans-serif;position:relative;}

.card_holder{padding:2px 2px; height:90px; border-bottom:2px dotted #eaeaea;}
.card_holder img{float:left; margin-right:10px; border:2px solid #eaeaea;}
.card_holder a{color:#000; text-decoration:none; font-weight:bold;}
.card_container{height:320px;overflow:auto; padding:5px 0; }

/*  ============================================================================================  */

.wel_profile {font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:right; margin:-32px 10px 0px 15px; *margin:-16px 10px 0px 15px !important;}
.wel_profile a:link, .wel_profile a:visited {color:#fff; text-decoration:none;}
.wel_profile a:hover { text-decoration:underline;}



#facebook {border:1px solid #D6D6D6; background-color:#FFFFFF;}






#toplonks {font:bold 11px Arial, Helvetica, sans-serif; color:#cccccc; text-align:left; height:20px;}
#toplonks a:link, #toplonks a:visited {color:#ffffff; text-decoration:none; padding:3px 5px 3px 5px; line-height:19px;}
#toplonks a:hover {color:#fff; background-color:#0293D6;}

#toplonks .new {float:right; width:auto; font:bold 11px Arial, Helvetica, sans-serif; color:#A6A6A6; padding-right:10px;}
#toplonks .new a:link, #toplonks .new a:visited {color:#ffffff; text-decoration:underline; line-height:19px;}
#toplonks .new a:hover {color:#ffffff; background-color:#0293D6; text-decoration:none;}

.down{
font-size: 11px;
padding:0px;
margin:0px;
color: #a5a5a5;
position:absolute;
display:none;
bottom:-20px;
right: 420px;
text-align:center;
}


.photos_box { min-height:235px !important; height:auto; line-height:14px; padding:0 0 10px 0; }
.photos_box .image_box1 { float:left;  width:87px; margin:12px 0 0 11px; display:inline; min-height:100px; height:auto; text-align:center; font-size:11px; line-height:12px; }
.photos_box .image_box1 .image_box { padding:0; width:85px; height:85px; border:#ccc 1px solid; }
.photos_box .image_box1 .image_box img { height:75px; width:75px; margin:5px; }
.photos_box a { color:#036c9b; text-decoration:none; font-weight:bold; }