﻿/* CSS Document */

body
{
    margin: 2px 2px;
    padding: 0;
    background: #f3f3f4 url('../SharedImages/bodybg.gif') repeat-x left bottom;
    font: normal 11px Arial;
    color: #404041;
}
/*html, body {
	height:100%;
}
#wraper
{
	height: auto !important;
	height: 100%;
	min-height: 100%;Gree
	margin: 0 auto -2em;
	position:inherit;
}
#fotter, .push
{
	width: 100%;
	display: block;
	height:2em;
}
#fotter {
		background: url(../SharedImages/fotterbg.gif) repeat-x left bottom; height:45px; line-height:45px; 

}*/
.modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=80);
        opacity: 0.80;
    }
.modalPopup
{
      background-color:#e7e7e8;
      border-width:2px;
      border-style:solid;
      border-color:Gray;
      padding-bottom:5px;
      width: 250px;
      height:100px;
}
.updatemMdalBackground
    {
        background-color: Black;
        filter: alpha(opacity=80);
        opacity: 0.80;
        top:0px;
        text-align:center;
        position:relative;
    }
.updateProgress
{
      background-color:Gray;
      filter: alpha(opacity=95);
      opacity: 0.95;
      border-width:1px;
      border-style:solid;
      border-color:Black;
      width: 250px;
      height:70px;
}
a
{
    border: 0;
    outline: 0;
}
p, div, ul, dl
{
    margin: 0;
    padding: 0;
}
.topheader
{
    background: url('../SharedImages/topheaderbg.gif') repeat-x left top;
    height: 45px;
}
.fotterbar
{
    background: url('../SharedImages/fotterbg.gif') repeat-x left top;
    height: 45px;
}
.fotterlinks
{
    font: bold 12px Arial;
    color: #575758;
    padding: 0 20px 0 0;
}
.fotterlinks a
{
    color: #575758;
    text-decoration: none;
    padding: 0 3px;
}
.fotterlinks a:hover
{
    color: #404041;
    text-decoration: underline;
}
.search
{
    background: url('../SharedImages/searchbg.gif') no-repeat left top;
    height: 25px;
    width: 154px;
    display: block;
    float:left;
    margin-right:10px;
    padding-left: 34px;
}*+html .search {width:188px;} 
.search .txtfield
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background: #f3f3f4;
    margin-top: 2px;
        margin-bottom: 0px;
}
.normaltxt
{
}
.HeaderUser
{
    font: normal 14px Arial;
}
.bigfont
{
    font: bold 20px Arial;
    font-style: normal;
}
.smallfont11px, .smallfont12px
{
    font: bold 11px Arial;
}
.smallfont12px
{
    font-size: 12px;
}
.floatl
{
    float: left;
}
.floatr
{
    float: right;
}
.separator
{
    background: url('../SharedImages/seprator.gif') no-repeat right center;
}
.lefttopCorner, .righttopCorner, .leftBottomCorner, .rightBottomCorner
{
    background: url('../SharedImages/tlc.png') no-repeat left top;
    height: 33px;
    width: 15px;
    display: block;
    float: left;
}
.righttopCorner
{
    background: url('../SharedImages/trc.png') no-repeat right top;
    float: right;
}
.leftBottomCorner
{
    background: url('../SharedImages/blc.png') no-repeat left bottom;
}
.rightBottomCorner
{
    background: url('../SharedImages/brc.png') no-repeat right bottom;
    float: right;
}
.headerbar
{
    background: url('../SharedImages/headerbar.gif') repeat-x left top;
    height: 75px;
}
.HeaderCalender, .HeaderEmail, .HeaderSN, .HeaderTips, .HeaderHeadlines
{
    background: url('../SharedImages/header-calendar.gif') repeat-x left top;
    height: 32px;
    font: bold 16px arial;
    color: #ffffff;
    line-height: 32px;
}
.HeaderEmail
{
    background: url('../SharedImages/header-email.gif') repeat-x left top;
}
.HeaderTips
{
    background: url('../SharedImages/header-wiki.gif') repeat-x left top;
}
.HeaderHeadlines
{
    background: url('../SharedImages/header-headlines.gif') repeat-x left top;
}
.HeaderSN
{
    background: url('../SharedImages/header-sn.gif') repeat-x left top; height:30px ;line-height:30px ;
}
.grybg
{
    background: #bcbdc0; /*bbbdc0*/
}
.darkgrybg
{
    background: #939598;
    color: #ffffff;
    font: normal 11px verdana;
    text-align: left;
    line-height: 20px;
}
.lightgry
{
    background: #f3f3f4;
    line-height: 18px;
}
.boxinnertxt, .tipstxt
{
    font: normal 11px Arial;
    color: #404041;
    padding: 10px;
    margin-bottom: 10px;
}
.tipstxt
{
    color: #58585a;
    font: normal 11px verdana;
    padding: 5px;
}
.tipstxt em
{
    color: #939598;
    font-style: normal;
    font-size: 10px;
}

.emailtext
{
    font: normal 11px Arial;
    color: #404041; 
    
    padding: 2px 5px;
}
.emailtext span
{color: #666666;
    /* color: #bdbfc1;*/
}
.Newstext
{
    font: normal 13px Arial;
    color: #404041;
    padding: 0px 0px;
    border-bottom: 1px solid #bdbfc1;
}
.Newstext span, .Newstext span a
{
    color: #bdbfc1;
    font-size: 11px;
    text-decoration: none;
}
.Newstext a:hover
{
    text-decoration: underline;
}
.txtlinksWhite
{
    font: normal 13px Tahoma;
    color: #fff;
    line-height: 30px;
}
.txtlinksWhite a
{
    color: #fff;
    text-decoration: none;
    padding: 3px 5px;
}
.txtlinksWhite a:hover
{
    text-decoration: underline;
}
.whtbg
{
    background: #fff;
}
.bluetxt
{
    color: #2c85c3;
    font: normal 11px verdana;
}
.bluetxt span
{
    color: #a9a9a9;
    font: normal 10px verdana;
    padding-right: 12px;
}
.greytxt
{
    font: normal 12px Arial;
    color: #585858;
}
.greytxt a
{
    color: #585858;
    text-decoration: none;
}
.greytxt a:hover
{
    color: #2b2b2b;
}
.greentxt
{
    color: #7ab23d;
}
.grnlinks, .grnlinks a
{
    color: #8cc63f;
    font: normal 11px verdana;
    text-decoration: none;
    padding: 3px 5px;
    margin: 2px 0;
}
.grnlinks a:hover
{
    text-decoration: underline;
}
.Accounts
{
    background: url('../SharedImages/account-bottom.gif') no-repeat center bottom;
    color: #fff;
    height: 65px;
    padding: 10px;
}
.treven, .trodd
{
    background: #e7e7e8;
    line-height: 18px;
}
.trodd
{
    background: #ffffff;
}
.copyrighttxt
{
    font: normal 10px verdana;
}
.details
{
    height: 125px;
    overflow: scroll;
    overflow-x: hidden; /*scrollbar-3dlight-color: #fff; 	scrollbar-arrow-color: #a7a9ac; 	scrollbar-base-color: #fffff; 	scrollbar-face-color: #a7a9ac; 	scrollbar-track-color: #ffffff;*/
}
.DivEventOuterborder
{
    border: 2px solid #a1a1a4;
    border-top: none;
}
.DivEventSchedule
{
    height: 275px;
    overflow: auto;
    overflow-x: hidden;
}
.DivEmail
{
    height: 205px;
    overflow: auto;
    overflow-x: hidden;
    margin-bottom: 0;
}
.HeaderRightBorder
{
    border-right: 1px solid #b3b4b6;
}
.EmailTxt
{
    color: #626264;
    font: normal 10px verdana;
    line-height: 20px;
}
.EmailTxt:hover
{
    background: #8cc63f;
    color: #fff;
}
.EmailBottomBorder
{
    /*border-bottom:1px solid #d1d2d4; */
    background: url('../SharedImages/email-tabbtmborder.gif') repeat-x left bottom;
}
.EmailCheckbox
{
    border: 1px solid #d5d5d6;
    height: 15px;
    width: 15px;
}
.Inner
{
    margin: 10px;
    border: 2px solid #a1a1a4;
}
.EmailDetails
{
    height: 170px;
    overflow: auto;
    overflow-x: hidden;
    background: #f2f2f3;
    width: 100%;
}
.ComposeMail
{
    background: #f2f2f3;
}
.ComposeTxt
{
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
}
.DivNews
{
    height: 230px;
    overflow: auto;
    overflow-x: hidden;
}
.DivHowTo
{
    overflow: auto;
    overflow-x: hidden;
    height: 75px;
}
.searchbar
{
    background: url('../SharedImages/searchbar.gif') no-repeat center bottom;
    width: 180px;
    padding: 2px;
    margin: 0 10px;
    height: 25px;
    font: normal 13px verdana;
    color: #a7a9ac;
}
.NewsSearch
{
    font: bold 13px Arial;
    border: 0;
    outline: 0;
    color: #a1a1a4;
    line-height: 18px;
    height: 14px;
    margin-top: 3px;
    padding: 2px 0px;
}
.EmailLefttopCorner, .EmailRighttopCorner, .EmailLeftBottomCorner, .EmailRightBottomCorner
{
    background: url('../SharedImages/wht-tlc.png') no-repeat left top;
    height: 33px;
    width: 15px;
    display: block;
    float: left;
}
.EmailRighttopCorner
{
    background: url('../SharedImages/wht-trc.png') no-repeat right top;
    float: right;
}
.EmailLeftBottomCorner
{
    background: url('../SharedImages/wht-blc.png') no-repeat left bottom;
    height: 15px;
    display: block;
}
.EmailRightBottomCorner
{
    background: url('../SharedImages/wht-brc.png') no-repeat right bottom;
    float: right;
    height: 15px;
    display: block;
}
.EmailFolders
{
    margin: 10px 20px 10px 0;
}
.FoldersName
{
    font: normal 13px Arial;
    color: #5d5d5d;
}
.Folderdetails
{
    height: 172px;
    overflow: auto;
    overflow-x: hidden;
}
.EmailTabs
{
    margin: 10px;
    border: 2px solid #a1a1a4;
    background: #f3f3f4;
}
.EmailMainLinks
{
    color: #585858;
    line-height: 40px;
    font: bold 13px Arial;
    background: url('../SharedImages/email-tabbtmborder.gif') no-repeat left bottom;
}
.EmailMainLinks a
{
    color: #585858;
    text-decoration: none;
}
.EmailMainLinks a:hover
{
    color: #fff;
}
.EmailMainLinks:hover
{
    color: #fff;
    background: #8cc63e;
    font: bold 13px Arial;
}
.EmailLinkSelected
{
    color: #fff;
    background: #8cc63e url('../SharedImages/email-tabbtmborder.gif') no-repeat left bottom;
    font: bold 13px Arial;
}
.EmailLinkSelected a
{
    color: #fff;
}
.EmailMainLinks img
{
    vertical-align: middle;
}
.EmailLinksImage
{
    width: 40px;
    float: left;
    text-align: center;
    padding: 4px 0;
}
.EmailLinksPadding
{
    line-height: 25px;
}
.EmailLableLink
{
    color: #8cc63e;
    text-decoration: none;
    font: bold 12px Arial;
    padding: 2px 5px;
    border-width: 1px;
    border-top: none;
}
.EmailLableLink:hover
{
    background: #8cc63e;
    color: #fff;
    border: 1px solid #a3a3a3;
    border-top: none;
}
.messageTxt
{
    color: #fff;
}
input.grnButton, input.gryButton
{
    border: 0;
    outline: 0;
}
.grnButton, .gryButton
{
    background: #8cc63e;
    color: #fff;
    border: 0;
    font: bold 10px Arial;
    padding: 3px 5px;
    display: block;
    float: left;
    margin-right: 5px;
}
.grnButton:hover
{
    background: #585858;
}
.gryButton
{
    background: #585858;
}
.gryButton:hover
{
    background: #8cc63e;
}

/* PopUp Menu */

.anylinkcss, .anylinkcss1, .anylinkcss2, .anylinkcss3
{
    position: absolute; /*left: 0;*/
    overflow: scroll;
    height: 120px;
    margin-top: -100px;
    visibility: hidden;
    z-index: 100;
    background-color: #f3f3f4;
    width: 110px;
    border: 1px solid #a3a3a3;
    text-align: left;
    font: normal 12px Arial;
    text-indent: 10px;
    line-height: 20px;
}
.anylinkcss1
{
    width: 160px;
}
.anylinkcss2
{
    width: 118px;
}
.anylinkcss3
{
    width: 185px;
}
.anylinkcss a, .anylinkcss1 a, .anylinkcss2 a, .anylinkcss3 a
{
    display: block;
    text-decoration: none;
    color: #585858;
    margin: 0px;
}
.anylinkcss a:hover, .anylinkcss1 a:hover, .anylinkcss2 a:hover, .anylinkcss3 a:hover
{
    background-color: #8cc63e;
    color: #fff;
    font-weight: bold;
}
/* SignUp Page Styles */
.signupHeader
{
    background: url(../SharedImages/sign-upheaderbg.jpg) repeat-x left top;
    height: 118px;
    display: block;
}
.signupHeaderTxt
{
    font: bold 23px verdana;
    color: #404041;
}
.signupText
{
    font: bold 12px verdana;
    color: #8b8b8e;
    line-height: 15px;
    text-align:justify;
}
.signupboxbg
{
    background: #9b9da0 url(../SharedImages/login-boxbg.jpg) repeat-x left top;
    font: bold 12px verdana;
    color: #404041;
}
.signupboxbottom
{
    background: #9b9da0;
    font-size: 2px;
}
.signuptxtbox
{
    background: url(../SharedImages/login-Txtbg.gif) no-repeat left top;
    width: 250px;
    height: 27px;
    display: block;
}
.SignupTextField
{
    font: normal 13px verdana;
    color: #404041;
    border: 0;
    height: 18px;
    margin: 6px 0 0 5px;
    width: 200px;
}
* + html .SignupTextField
{
    margin: 4px 0 0 5px;
}
.whtlinks
{
    font: normal 11px verdana;
    color: #fff;
    text-decoration: none;
}
.whtlinks:hover
{
    text-decoration: underline;
}
.Errormsg
{
    font: normal 13px verdana;
    color: #b31820;
    text-decoration: none;
    font-weight: bold;
}
/* SignUp Page Styles */
.signupHeader {background:url(../SharedImages/sign-upheaderbg.jpg) repeat-x left top; height:118px; display:block;}
.signupHeaderTxt {font:bold 23px verdana; color:#404041;}
.signupText {font:bold 12px verdana; color:#8b8b8e; line-height:15px;}
.signupboxbg {background:#9b9da0 url(../SharedImages/login-boxbg.jpg) repeat-x left top; font:bold 12px verdana; color:#404041;}
.signupboxbottom{background:#9b9da0; font-size:2px;}
.signuptxtbox {background:url(../SharedImages/login-Txtbg.gif) no-repeat left top; width:250px; height:27px; display:block;}
.SignupTextField { font:normal 13px verdana; color:#404041; border:0; height:18px; margin:6px 0 0 5px; width:200px;}
*+html .SignupTextField { margin:4px 0 0 5px;}
.whtlinks {font:normal 11px verdana; color:#fff; text-decoration:none; cursor:pointer;}
.whtlinks:hover {text-decoration:underline;}
.signuptxtboxleft {
		background:url(../SharedImages/Txtfield-left.gif) no-repeat left top; height:27px; display:block; float:left;
		
}
.signuptxtboxright {
	background:url(../SharedImages/Txtfield-right.gif) no-repeat left top; width:13px; height:27px; display:block; float:left;
}
.SetUpLogo {
	background:url(../SharedImages/sm-logo.gif) no-repeat right center; width:100%; height:24px; display:block; font:bold 14px Tahoma; margin-right:5px;
}
.whttext {
	color:#ffffff;
}

/* Styles for Calendar */
.Calendertxt {font:bold 11pt Arial; color:#5d5d5d;}
.CalenderHeadertxt {font:bold 16pt Arial; color:#5d5d5d;}
.calendarAltCol {background:#e7e8ea;}
.CalendarCol {background:#f4f4f6;}
.CalendarColDarkgryBG {background:#d4d5d7;}
.calendarDisabledText {color:#bcbdbf;}
.CalendarBtmBorder {border-bottom:1px solid #d7d7d7;}
.SelectedDay {
	background:#a3a3a3;
	color:#fff;
}
.calendarTabs {
	margin:10px 5px; border:2px solid #a1a1a4;  background:#f3f3f4; display:block; height:220px;
}
.calendarMainLinks {
	color:#585858; 
	line-height:40px;
	font:bold 13px Arial; 
	/*background:url('../SharedImages/email-tabbtmborder.gif') repeat-x left bottom; */
	
}
.calendarMainLinks a {
	color:#585858; text-decoration:none;
}
.calendarMainLinks a:hover {
	color:#fff;
	
}
.calendarMainLinks:hover{
	color:#fff;
	background:#0f75bd;
	font:bold 13px Arial;
}
.calendarLinkSelected
{
    color: #fff;
    
    background:#0f75bd url('../SharedImages/Cal-MainLInkHover.jpg') no-repeat left top;
    font: bold 13px Arial;
    background-repeat: no-repeat;
}
.calendarLinkSelected_green
{
    color: #fff;
    
    background:#0f75bd url('../SharedImages/Cal-MainLInkHover_green.jpg') no-repeat left top;
    font: bold 13px Arial;
    background-repeat: no-repeat;
}
.calendarLinkSelected a {
	color:#fff;
}
.calendarMainLinks img {
	vertical-align:middle;
}
.calendarLinksImage {
	width:40px;
	float:left;
	text-align:center;
	padding:1px 0;

}
.calendarLinksPadding {
	line-height:30px;
}
.calendarLableLink {
	color:#8cc63e;
	text-decoration:none;
	font:bold 12px Arial;
	padding: 2px 5px;
	border-width:1px;
	border-top:none;

}
.calendarLableLink:hover {
	background:#8cc63e;
	color:#fff;
	border:1px solid #a3a3a3; 
	border-top:none;
}
.CalenderHour
{
	color:#949599;
	font:bold 11px Arial;
}
.DailySchedule {height:700px; overflow:scroll; overflow-x:hidden;} /*Mention Height for Calendar daily View */
.MeetingScheduleTxt, 
.MeetingScheduleTxt a {
	font:bold 10px Arial;
	color:#585858;
	 text-decoration:none;
}
.MeetingScheduleTxt a:hover {
	color:#0f75bd;	
}
.MeetingScheduleTxt em {
	font:normal 12px Arial; font-style:normal;
}
.TooltipTxt {
	background:#d1d2d4;
	font:normal 11px verdana;
	color:#58585a;
}
.CalenderDetailsBluetxt {
	color:#0f75bd;	
	font:bold 13pt Arial;
	height:40px; display:block;
}
.CalenderDetailsgreytxt {
	color:#585858;
	font:bold 13pt Arial;
	width:100px; float:left;
}
.Txtfield {
	font:normal 10pt Arial;
	line-height:22px;
	color:#2b2b2b;
	border:1px solid #bdbec0;
	background:#f1f1f1;
}

.bluButton
{
    background: #585858;
    color: #fff;
    border: 0;
    font: bold 10px Arial;
    padding: 3px 5px;
    display: block;
    float: left;
    margin-right: 5px;
}
.bluButton:hover
{
    background: #0f75bd;
 
}
.logoheight {height:354px;}
*+html .logoheight {height:353px;} 
}
 

/*Contact Us */
.Contact-Content
{
	background:#fff; height:485px;
}
.Contact-greytables
{
	background:#e7e7e8; padding:5px;
}
.Contact-Username
{
	font:bold 20px Arial; color:#404041; height:50px; display:block;
}
.ContactTextfield 
{
	background:#fff; border:1px solid #d1d2d4; font:normal 12px Arial; color:#404041; height:20px;
}
.ContactTextfield1 
{
	background:#fff; border:1px solid #FFFFFF; font:normal 12px Arial; color:#404041; height:20px;
}
.Contact-tablinks
{
	
	background:#d1d2d4; color:#000; font:bold 11px Arial; text-decoration:none;
}
.ContactText {
	font:bold 11px Tahoma; color:#404041;
}
.Contacttreven, .Contacttrodd {
	background:#e7e8ea; line-height:27px; font:normal 12px Arial;
}
.Contacttrodd {
	background:#ffffff;
}
.Contacttreven:hover, .Contacttrodd:hover {
	background:#b32017; color:#fff;
}


/*  News  */

.HeaderNews
{
    background: #f7941d;
    height: 32px;
    font: bold 16px arial;
    color: #ffffff;
    line-height: 32px;
}
.Newstreven, .Newstrodd {
	background:#e7e8ea; line-height:27px; font:normal 12px Arial;
}
.Newstrodd {
	background:#ffffff;
}
.Newstreven:hover, .Newstrodd:hover {
	background:#F7941D; color:#fff;
}

