body { margin: 0px; font-family: Verdana; font-size: 80%; background-color: #fff; }
input, select { font-family: Verdana; vertical-align:middle;}
input { padding: 3px;font-size: 11px; }
select { padding: 0; font-size: 12px; height:20px;}
form { margin: 0px; }
h3{padding-left: 10px; }
p { margin: 6px 0px 6px 0px; }
p span { vertical-align: top; }
p img { vertical-align: bottom; }

div.login { margin: 10px 0px; font-size:13px; padding:10px; }
div.login input { margin: 0px; font-size:15px; }
div.login label {clear:both; margin:0px; margin-top:5px; vertical-align:middle; display:inline; height:20px; padding-left:4px; }
p.login { margin: 10px 0px; font-size:15px; padding:10px; }
p.login span { vertical-align: middle; }
p.login a { font-size:15px; }


.ddlAccount { padding:5px 8px; color: #000000; font-family:tahoma; font-size: 12px; border:solid 1px #CFD0D0; width:150px; height:28px; cursor:pointer;position:absolute;left:85%;}


div.login_admin { width:430px; text-align:left;  background-color:#EEEEEE; } 
div.login_admin span.caption { margin: 10px 0px; font-size:13px; padding:10px; font-weight:bold; width:400px; background-color:#EEEEEE; display:inline-block; text-align:left; font-family:Verdana; font-size:15px; }
div.login_admin p { margin: 4px 0px; font-size:15px; padding:8px; }
div.login_admin p.val { margin: 0px 10px; padding:0px 10px; }
div.login_admin p span { vertical-align: middle; text-align:left;}
div.login_admin p a { font-size:15px; }

a { /*vertical-align:text-top;*/ text-decoration: none; font-family: Verdana; font-size: 100%; color: #0151C9; outline-style: none; }
a:hover { color: red; }
a img { border: none 0px #ffffff; } 

div#admincontainer { margin: 10px auto; width:999px; }
div#site_box { width: 100%; min-width: 1000px; margin: 0 auto 0 auto; padding: 0px; background-color: #fff; }
div#title_box { display: block; height: 95px; background-color: #fff; padding-top: 5px; padding-bottom: 5px; }
div#page_box { float: left; width: 100%; padding: 1px 0 0 0; margin-bottom: 5px; }
div#content_box { margin-left: 205px; margin-right: 5px; border: solid 1px #ccc; min-height: 655px; }
div#content_box_admin { border: solid 1px #ccc; min-height: 655px; padding:20px;}
div#menu_box { float: left; width: 200px; margin-left: -100%; border: solid 1px #fff; background-color: #eee; }
#calender_box { float: left; background-color: #ffffff; width: 200px; }
div#footer_box { padding: 5px 0 5px 0; display: block; clear: both; width: 100%; text-align: center; background-color: #ddd; }
div.group { background-image: url(images/group_bg.png); background-repeat: repeat-x; }
div.title { display: block; clear: both; color: #000; font-weight: bold; font-size: 11pt; padding-left: 10px; padding-top: 2px; padding-right: 2px; height: 32px; text-align:left;}
div.title span { font-weight: normal; font-size: 10px; color: #4E4E4E; }
div.title a { font-weight: normal; font-size: 10px; color: #D93244; text-decoration: undeline; }
div.title a.addnew { font-family:Verdana; font-size:12px; color: #D93244; text-decoration: undeline; font-weight:bold; border-bottom:solid 1px gray; }
div.subtitle { display: block; color: #000; font-weight: bold; font-size: 9pt; padding: 10px 0 0 10px; border-bottom: dotted 1px #ccc; }
div.container { width:530px; text-align:left; padding-top:80px; } 
div.container1 { width:640px; text-align:left; padding-top:80px; } 
div.content { background-color: #fff; text-align:left;}
div.content .phone { background: url(Images/mobile_icon.png) 0px 2px no-repeat; padding-left: 13px; padding-top: 1px; }
div.mailcontent { margin-bottom: 2px; margin-top:2px; }

div.RecordContainer { width:700px; height:55px;}
div.RecordContainer em { display:inline-block; height:35px; width:85px; float:left; color:#bd5542; padding:7px; text-decoration:none; font-size:12px; font-weight:bold; font-variant:normal; padding-top:13px;}
div.RecordContainer li { width:700px; height:42px; margin-left:90px; padding-top:10px; list-style:none;}
div.DivRecBox { display: block; float: left; padding: 0; }
#DivRecStatus { display: block; float: left; clear: right; padding: 2px 0 0 0; margin-left:10px;}
#AppletBox {  }
div.RecordTitle { float:left; margin:5px 5px 5px 5px; text-align:right; font-size:11px; font-weight:bold; }

#StatusBox { border: solid 1px #F79F3F; margin-bottom: 4px; background-color: #FFD7AA; padding: 4px; font-weight: bold; }
div.DivVoiceButton { float: right; }
.vBtn { width: 34px; height: 34px; border: solid 1px #fff; cursor: hand; cursor: pointer; outline-style: none; background-image: url(images/vbuttons.gif); }
.Rec { background-position: 0 0; }
.Play { background-position: -34px 0; }
.Stop { background-position: -68px 0; }
.Pause { background-position: -102px 0; }
.Save { background-position: -136px 0; }
.Rec:hover { background-position: 0 -33px; }
.Play:hover { background-position: -34px -34px; }
.Stop:hover { background-position: -68px -34px; }
.Pause:hover { background-position: -102px -34px; }
.Save:hover { background-position: -136px -34px; }

.vStatus { border: solid 1px #ccc; border-bottom:none;}
.Status { width: 241px; padding: 1px; border:solid 1px #ccc; border-right:none; border-bottom:none;}
.Timer { width: 90px; text-align: center; padding: 1px; }

.hbtn { position: absolute; left: -886px; border: none 0px Transparent; background-color: Transparent; width: 0px; height: 0px; top: -1128px; }
.btn { color: #ffffff; font-size: 12px; background: url(images/button_s.png); width:72px; border:none; height:26px; padding-bottom:5px; cursor:pointer;}
.btn_l { color: #ffffff; font-size: 12px; background: url(images/button_l.png); width:103px; border:none; height:26px; padding-bottom:5px; cursor:pointer;}
.btn_xl { color: #ffffff; font-size: 12px; background: url(images/button_xl.png); width:159px; border:none; height:26px; padding-bottom:5px; cursor:pointer;}
.btn_white { color: #000000; font-size: 12px; background: url(images/button_white.png); width:64px; border:none; height:23px; padding-bottom:5px; cursor:pointer;}
.lnkbtn { color: #ffffff; font-size: 12px; background: url(images/button_s.png); width:72px; border:none; padding-bottom:5px; cursor:pointer; display: inline-block; margin:0px; padding:0px;} 
.lnkbtn22 { border: solid 1px #aaa; background-color: #BD5444; color: White; display: inline-block; padding: 3px; font-size: 12px; }
.lnkbtn22:hover { color: White; }
/*Spans/Labels*/
.lbl { display: inline-block; padding: 4px; }
/*Text Boxes*/
.txt { border: solid 1px #aaa; background-color: #fff; }
.dragtxt { border: 0; background-color: #FFFFDD; color: #444444; cursor: hand; cursor: pointer; font-family: Verdana; font-size: 11px; font-weight: bold; }
/*Drop Down List*/
.ddl { border: solid 1px #aaa; }

/*Text Align Right*/
.tar { text-align: right; }
.tac { text-align: center; }
.vat { vertical-align: top; }
.vab { vertical-align: bottom; }
.vam { vertical-align: bottom; }

/*Control Width*/
textarea { resize: none; }

input.xxs, span.xxs { width: 50px; }
input.xs, span.xs { width: 80px; }
input.s, span.s { width: 120px; }
input.m, span.m { width: 160px; }
input.l, span.l { width: 200px; }
input.xl, span.xl { width: 250px; }
input.xxl, span.xxl { width: 300px; }

textarea.xl { width: 256px; padding:0;}
textarea.xxs { width: 56px; padding:0;}
textarea.xs { width: 86px; padding:0;}
textarea.s { width: 126px; padding:0;}
textarea.m { width: 166px; padding:0;}
textarea.l { width: 206px; padding:0;}
textarea.xl{ width: 256px; padding:0;}
textarea.xxl{ width: 306px; padding:0;}

input.login, span.login { width: 250px; font-size:18px; border:solid 1px #DDDDDD; padding:10px;}
input.btnlogin { color: White; width: 150px; font-size:16px; border:solid 1px #aaa; padding:10px; background-color: #BD5444; }



select.xxs { width: 54px; }
select.xs { width: 84px; }
select.s { width: 124px; }
select.m { width: 164px; }
select.l { width: 204px; }
select.xl { width: 254px; }
select.xxl { width: 304px; }

input.fw { width: 100%; }

p { margin: 4px 0 0 0; }
p span { vertical-align: top; }
p.v, span.v { color: Red; margin-top: 0px; }
p.xxs { padding-left: 65px; }
p.xs { padding-left: 95px; }
p.s { padding-left: 135px; }
p.m { padding-left: 175px; }
p.l { padding-left: 215px; }
p.xl { padding-left: 265px; }
p.xxl { padding-left: 315px; }

div.msg { display: block; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 40px; background-repeat: no-repeat; background-position: left 7px; }
div.done { background-image: url(Images/Done.png); border: solid 1px #99cc99; color: #267626; background-color: #D7E8BE; }
div.info { background-image: url(Images/Info.png); border: solid 1px #3388BF; color: #00458E; background-color: #D9E2FB; }
div.alert { background-image: url(Images/Alert.png); border: solid 1px #F7CE00; color: #AC5C02; background-color: #FFFEC9; }
div.error { background-image: url(Images/Error.png); border: solid 1px #E35D48; color: #94150D; background-color: #FACBC8; }
div.birthday_alert { border: solid 1px #F7CE00; color: #AC5C02; background-color: #FFFEC9; padding: 5px 8px; margin-bottom: 10px; }
div.birthday_alert div { padding: 0; }
div.birthday_alert .phone { background: url(Images/mobile_icon.png) 0px 2px no-repeat; padding-left: 13px; padding-top: 1px; }
div.inline { display: inline; }
/*Table*/
table { width: 100%; border: none 0px transparent; }
th { border: solid 1px transparent; text-align: left; background-color: #F4F4F4; padding: 4px; font-size:11px; }
td { border: solid 1px transparent; border-bottom: solid 1px #ececec; padding: 2px 4px 2px 4px; border-collapse: collapse; font-size:90%; }

table.cal { width: 100%; border: none 0px transparent; }
table.cal th { border: none; text-align: center; background-color: #F4F4F4; padding: 4px; font-size:100%; }
table.cal td { border: none; padding: 2px 4px 2px 4px; border-collapse: collapse; font-size:90%; }
table.cal a { color:#464646; font-size:90%; }

table.compose { width: 100%; border: none 0px transparent; padding:0px;}
table.compose th { border: solid 1px transparent; text-align: left; background-color: #F4F4F4; padding: 4px; }
table.compose td { border: 0px; border-collapse: collapse; padding:1px; }

table.grid { width: 100%; border: none 0px transparent; }
table.grid th { border: solid 1px transparent; text-align: left; background-color: #F4F4F4; padding: 10px; font-size:11px; }
table.grid td{ border: solid 1px transparent; text-align: left; border-bottom: solid 1px #ececec; padding: 5px 5px 5px 10px ; border-collapse: collapse; font-size:11px; }
table.grid tr:hover { background-color:#f4f4f4; }

table.advsearch { width: 100%; border: none 0px transparent; }
table.advsearch td { border: none; padding: 2px 4px 2px 4px; border-collapse: collapse; font-size:11px; color:#ffffff; }

table.align_tbl{width:100%; border: none 0px transparent;}
table.align_tbl td{padding:0; border:none 0 transparent; border-collapse:collapse; vertical-align:top;}
/*Table*/

/*Menu*/

#menutop { display: block; height: 0; margin-left: 205px; }
#topmenubox { float: left; height: 0; line-height: normal; position: relative; top: -26px; }

.glossymenu { margin: 5px 0; padding: 0; width: 195px; /*width of menu*/ border-bottom-width: 0; }
.glossymenu #DivMyFolders { border: solid 1px #ccc; margin-left: 3px; padding: 1px 0; }
.glossymenu h4 { margin: 0; padding: 5px 10px; font-size: smaller; }
.glossymenu a.menuitem { background: #ccc url(images/glossyback.gif) repeat-x bottom left; font: 90% Verdana, Geneva, sans-serif; color: black; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 6px 0; padding-left: 10px; text-decoration: none; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active { color: black; }
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; }
.glossymenu a.menuitem:hover { background-image: url(images/glossyback2.gif); }
.glossymenu div.submenu { /*DIV that contains each sub menu*/ background: white; display: block; height: 100px; overflow: hidden; overflow-y: scroll; }
.glossymenu div.submenu ul { /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }
.glossymenu div.submenu li { background: white; }
.glossymenu div.submenu span { display: inline-block; width: 160px; font-size: 11px; color: #666; text-decoration: none; margin: 1px 2px; padding: 3px 0 3px 10px; background-color: #F4F4F4; border-bottom: solid 1px #DEDEDE; }
.glossymenu div.submenu span:hover { background: #DFDCCB; color: #000; }
.glossymenu div.submenu span:hover label { display: block; }
.glossymenu div.submenu span:hover label.edit { display: block; }


.glossymenu div.submenu1 { /*DIV that contains each sub menu*/ background: white; display: block; overflow: hidden; }
.glossymenu div.submenu1 ul { /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }
.glossymenu div.submenu1 li { background: white; }
.glossymenu div.submenu1 li .lnk { background: #ccc url(images/glossyback.gif) repeat-x bottom left; font: 12px Verdana, Geneva, sans-serif; color: black; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 6px 0;  padding-left:10px; text-decoration: none; }
.glossymenu div.submenu1 li .lnk:hover { background-image: url(images/glossyback2.gif); }

#premium { float: left; margin: 10px 0px 0px 15px; }

.glossymenu div.submenu ul li label { display: none; float: right; cursor: pointer; cursor: hand; width: 13px; height: 13px; padding: 0 1px; background: url(images/cross.gif) no-repeat; vertical-align: middle; position: relative; top: 1px; }
.glossymenu div.submenu ul li label.edit { background-image: url(images/write.gif); background-repeat: no-repeat; }

span.req { color: Red; }
.inbox { }
.tr_inbox { background-color: #ffffff; color: #000000; }
.tr_inbox a { color: #444444; }
.tr_inbox:hover { background-color: #F4F4F4; }
.tr_inbox_h { background-color: #EAEAEA; color: #000000; }
.tr_inbox_h td { border-color: #DEDFDE; border-left: solid 1px transparent; border-right: solid 1px transparent; }
.tr_inbox_h a { color: #2A2A2A; }
.tr_inbox_h:hover { background-color: #F7F7F7; }
.tr_inbox_h:hover td { border:solid 1px #EEEEEE; }
.tr_inbox_selectedrow { background-color: #EEEEEE; color: #000000; }

.paging table { width: 0px; margin: 5px; margin-right: 20px; }
.paging table td { padding: 0px; border-collapse: collapse; }
.paging span { font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none; font-weight: bold; padding: 3px 8px 3px 8px; background-color: #D7968C; }
.paging a { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #964134; text-decoration: none; padding: 3px 8px 3px 8px; background-color: #EEEEEE; }
.paging a:hover { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #A7483A; text-decoration: none; padding: 3px 8px 3px 8px; background-color: #DDDDDD; }


/*Usage Statistics*/
#UsageView { clear: right; float: right; padding: 4px 2px; width: 248px; margin: 0 auto 0 auto; vertical-align: top; height: 16px; }
#UsageView span { z-index: 1; padding: 0; display: block; position: absolute; float: right; width: 248px; text-align: center; font-family: Sans-Serif; font-size: 10px; line-height: 18px; vertical-align: middle; }
#MaxUsage { z-index: 0; position: absolute; float: right; display: inline-block; width: 248px; height: 10px; border: solid 1px #555; background-color: #fff; overflow: hidden; height: 16px; }
#CurUsage { height: 10px; background-color: #ff8d6e; width: 0%; height: 16px; }

#iDownloadFile { position: absolute; width: 0; height: 0; border: 0; margin: 0; padding: 0; }

/*Top Menu*/
#top_menu_box { display: block; padding-right: 4px; float:right; }
#top_menu { float:left; margin:0;padding:0; margin-left:10px; }
#top_menu a { display:inline-block; padding: 4px; color:#0075EA; }
#top_menu a:hover { background-color:#F5F5F5; }
#top_menu a > span { display:inline-block;}
#top_menu a > span > b { display:block; position:relative; left:3px; top:1px; width:10px; height:9px; background-image:url(Images/down-arrow1.gif); }
#top_menu li { list-style-type: none; }
#top_menu > li { display: block; float: left; margin-left: 2px; }
#top_menu > li > ul > li { display: block; border: 0px; padding:5px; width:180px; }
#top_menu > li > ul > li > a { display: block; border: 0px; padding:5px; width:160px; font-size:12px; color:#606060; }
#top_menu > li > ul { position: absolute; display: none; padding: 0px; background-color: #ffffff; margin-top: 0px; margin-left: -1px; border: solid 1px #ccc;}
#top_menu > li:hover > ul { display: block; z-index: 999; }
#top_menu > li > ul li:hover { background-color:#F5F5F5; }
#logo { float: left; }
#top_login_info {font-size: 12px; }
#top_banner { float: left; text-align: center; width: 300px; }
#top_login_info span.userinfo {display:inline-block; padding: 4px; padding-left:6px; color:#313131; margin-left:10px;}
#top_login_info span.fontoptions {display:inline-block; color:#313131; float:right; padding-right:4px;}


/*Admin/Super Top Menu*/
#top_menu_box_admin { display: block; padding-right: 4px; width: auto; margin-right:50px;}
#top_menu_admin { margin: 0; padding: 0; display: block; float: right; }
#top_menu_admin a { display:inline-block; padding: 8px 16px; color:#464646; background-color:#F5F5F5; font-size:12px; border-top:solid 5px #DFDFDF; }
#top_menu_admin a:hover { background-color:#F5F5F5; color:#353535; }
#top_menu_admin a > span { display:inline-block;}
#top_menu_admin a > span > b { display:block; position:relative; left:3px; top:1px; width:10px; height:9px; background-image:url(Images/down-arrow1.gif); }
#top_menu_admin li { list-style-type: none; }
#top_menu_admin > li { display: block; float: left; margin-left: 2px; }
#top_menu_admin > li > ul > li { display: block; border: 0px; border-bottom:solid 3px #F5F5F5; padding:5px; width:180px; }
#top_menu_admin > li > ul > li > a { display: block; border: 0px; padding:5px; width:160px; font-size:12px; color:#464646; }
#top_menu_admin > li > ul > li > a.cs { display: block; border: 0px; padding:5px; width:160px; font-size:12px; color:red; }
#top_menu_admin > li > ul > li > a:hover { color:#353535; }
#top_menu_admin > li > ul > li > a.cs:hover { color:red; }
#top_menu_admin > li > ul { position: absolute; display: none; padding: 0px; background-color: #F5F5F5; margin-top: 0px; margin-left: -1px; border: solid 1px #F5F5F5;}
#top_menu_admin > li:hover > ul { display: block; z-index: 999; }
#top_menu_admin > li > ul li:hover { border-bottom:solid 3px #EEEEEE; }
#top_menu_admin span.userinfo {display:inline-block; padding: 4px; color:#606060; }


/* Attachment List */
.at_container { display: inline-block; background-color: #F0F0F0; border: solid 1px #D0D0D0; line-height: 18px; vertical-align: middle; padding-left: 5px; padding-right: 5px; margin-right: 5px; margin-bottom: 5px; }
.at_container a { font-family: Calibri; font-size: 12px; color: Red; text-decoration: none; }
.at_container a:hover { color: Green; }
.at_delete { display: inline-block; background: url(images/close_button.png) no-repeat left 6px; width: 10px; cursor: pointer; cursor: hand; margin-left: 5px; }
.merge_field_tab_container { clear: both; }
.merge_field_tab_container span { font-family: verdana; font-size: 10px; font-weight: normal; display: inline-block; padding: 5px 5px 5px 55px; color: #FF8000; }
.merge_field_tab_container .atablnk_a { display: inline-block; padding: 5px; color: #484848; border: solid 1px #ddd; border-bottom: solid 1px #fff; background-color: #ddd; font-weight: bold; }
.merge_field_tab_container .atablnk { display: inline-block; padding: 5px; color: #484848; border: solid 1px #ddd; border-bottom: solid 1px #fff; background-color: #fff; }
.merge_field_tab_container .atablnk:hover { background-color: #ddd; }
.merge_field { display: none; padding: 5px; border: solid 1px #DFDCD7; }
.flipOff { background: url('images/off.gif') no-repeat 1px; height: 30px; width: 25px; cursor: pointer; cursor: hand; border: none; padding:3px 0px;}
.flipOff_selected { background: url('images/off.gif') no-repeat 3px; height: 30px; width: 30px; cursor: pointer; cursor: hand; border: none; border: dotted 1px #828282; padding:3px;}
.flipBottom { background: url('images/bottom.gif') no-repeat 1px; height: 30px; width: 25px; cursor: pointer; cursor: hand; border: none;  padding:3px 0px;}
.flipBottom_selected { background: url('images/bottom.gif') no-repeat 3px; height: 30px; width: 30px; cursor: pointer; cursor: hand; border: none; border: dotted 1px #828282; padding:3px;}
.flipRight { background: url('images/right.gif') no-repeat 1px; height: 30px; width: 25px; cursor: pointer; cursor: hand; border: none;  padding:3px 0px;}
.flipRight_selected { background: url('images/right.gif') no-repeat 3px; height: 30px; width: 30px; cursor: pointer; cursor: hand; border: none; border: dotted 1px #828282; padding:3px;}

/*Hover Tooltip*/
a.tip { position: relative; _display: inline-block; /*needed for the position absolute bottom for Internet Explorer 6*/ text-decoration: none; cursor: hand; cursor: pointer; }
a.tip span { display: none; }
a.tip:hover { background-color: #FFFFFF; }
a.tip:hover span { display: block; position: absolute; z-index: 200; bottom: 18px; left: 10px; min-width: 200px; color: #000; }
a.tip span b { display: block; height: 10px; background: url(images/tip_top1.gif) no-repeat bottom; }
a.tip span em { display: block; height: 10px; background: url(images/tip_bot_1.gif) no-repeat 1px -2px; z-index:999999px; }
a.tip span i { display: block; background-color: #FFFBCC; border: 1px solid #FFCC01; padding: 10px; }

a.tip_b { position: relative; _display: inline-block; /*needed for the position absolute bottom for Internet Explorer 6*/ text-decoration: none; cursor: hand; cursor: pointer; }
a.tip_b span { display: none; }
a.tip_b:hover { background-color: #FFFFFF; }
a.tip_b:hover span { display: block; position: absolute; z-index: 200; bottom: 1em; left: 20px; width: 300px; color: #000; }
a.tip_b span i { display: block; background-color: #FFFBCC; border: 1px solid #FFCC01; padding: 10px; }

a.tip_cal { position: relative; _display: inline-block; /*needed for the position absolute bottom for Internet Explorer 6*/ text-decoration: none; cursor: hand; cursor: pointer; }
a.tip_cal span { display: none; }
a.tip_cal:hover { background-color: #FFFFFF; }
a.tip_cal:hover span { display: block; position: absolute; z-index: 200; bottom: 1em; left: 0px; width: 220px; color: #000; }
a.tip_cal span i { display: block; background-color: #FFFBCC; border: 1px solid #FFCC01; padding:5px 0; }


/*Yellow box*/
div.ybox {height:38px; }
div.ybox b.left{display: inline-block; background:url('images/box_left.png') no-repeat; height:18px; width:10px; float:left;}
div.ybox var{display: inline-block; height:18px; background-color:#FBFFCF; float:left; vertical-align:middle; padding: 10px 0;}
div.ybox b.right{display: inline-block; background:url('images/box_right.png') no-repeat; height:18px; width:10px; }
div.ybox li.left{display: inline-block; background:url('images/box_left.png') no-repeat; height:18px; width:10px; float:left;}
div.ybox li.right{display: inline-block; background:url('images/box_right.png') no-repeat; height:18px; width:10px; }
div.ybox li {display: inline-block; height:18px; background-color:#FBFFCF; float:left; vertical-align:middle; padding: 10px 0px;}

div#clock_container { padding: 5px; background-color: #ffffff; border: solid 1px #ffffff; text-align:center;}
div#clock_container:hover { background-color: #FCFCFC; border: solid 1px #C0C0C0; height:220px;}
div#clock_container .caption{ display:none; text-align:center; line-height:16px; margin-top:10px; padding-left:2px;}
div#clock_container:hover .caption{ display:inline-block; }
div#clock_container .edit_del { position: relative; top: 3px; left: 76px; visibility: hidden; }
div#clock_container:hover .edit_del { visibility: visible; }
div#clock_container .pre { display:none; }
div#clock_container:hover .pre { display: block; }
div#clock_container .next { display:none;}
div#clock_container:hover .next { display: block; }

div#cal_container { padding: 0; background-color: #ffffff; border: solid 1px #ffffff; text-align:center;}
div#cal_container:hover { background-color: #FCFCFC; border: solid 1px #C0C0C0; }
div#cal_container .caption{ display:none; text-align:center; line-height:16px; padding-left:2px;}
div#cal_container:hover .caption{ display:inline-block; }
div#cal_container .edit_del { position: relative; top: 7px; left: 85px; visibility: hidden; }
div#cal_container:hover .edit_del { visibility: visible; }
div#cal_container .pre { display:none; }
div#cal_container:hover .pre { display: block; }
div#cal_container .next { display:none;}
div#cal_container:hover .next { display: block; }

div.collapse { text-align: right; height: 0; }
img.collapse { cursor: hand; cursor: pointer; width: 13px; height: 13px; position: relative; top: -20px; left: -5px; }

#DivAddMyFolder { height: 0px; text-align: right; }
#DivAddMyFolder a { display: block; position: relative; top: -18px; }
#DivAddMyFolder a > span { border: solid 1px #C0DEF8; padding: 2px; }
#DivAddMyFolder a > span:hover { border: solid 1px #FF8C6A; }

#DivComWizMailContent { width: 97%; padding: 1%; overflow: visible; margin: 5px; }
#DivComWizMailContent .head { display: inline-block; padding: 2px 5px; background-color: #ECECEC; }
#DivComWizMailContent .content { width: 98%; border: dotted 1px gray; padding: 1%; }

.list { margin:0; padding:0; list-style:none; }
.list li { float:left; }
.list li span.caption { display:block; width:155px; padding:2px; margin:0 5px;}
.list li span.caption img.zoom { position:relative; top:-26px; left:132px; padding:5px; border:none; background-color:#ffffff;}
.list li span.caption1 { display:block; width:155px; padding:5px; margin:0 5px; background-color:#F4F4F4; text-align:left; color:#404040; font-size:11px;}
.list img {padding:10px; background-color:#F4F4F4; border:dotted 2px #ffffff; margin:0 5px;}
.list img:hover {border:dotted 2px #ABD0BC; cursor:pointer; cursor:hand;}
.list img.sel {border:dotted 2px #ABD0BC; }
.list img.active {background-color:#EAEAEA; }


.messagered {color:Red;}
.terms { display:inline-block; width:400px; height:200px; overflow:scroll; padding:5px; border:solid 1px #efefef; }



.round_box{
	
	float:left;
	padding-right:10px;
}
	
	
/**************** Round Corner Box ****************/	

.t {background: url(images/t.gif) 0 0 repeat-x; }
.b {background: url(images/b.gif) 0 100% repeat-x;}
.l1 {background: url(images/l.gif) 0 0 repeat-y;}
.r {background: url(images/r.gif) 100% 0 repeat-y;}
.bl {background: url(images/bl.gif) 0 100% no-repeat;}
.br {background: url(images/br.gif) 100% 100% no-repeat;}
.tl {background: url(images/tl.gif) 0 0 no-repeat;}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px;} 

.upgrade { padding:10px; background-color:#FC7073; color:#ffffff; font-size:13px; text-align:center; }
.upgrade a { color:#ffffff; font-size:13px; font-weight:bold; font-family:Verdana; }


ul.secureemail { margin:0px; padding:0px; list-style:none; display:inline-block; margin-top:4px; float:left; padding-right:170px; }
ul.secureemail li.left { float:left; background: url(images/left.png) no-repeat; width:9px; height:27px; display:block; }
ul.secureemail li.middle { float:left; background: url(images/middle.png)  repeat-x; display:block; height:25px; vertical-align:bottom; padding-top:2px; color:Red; }
ul.secureemail li.right { float:left; background: url(images/right.png) no-repeat; width:9px; height:27px; display:block; }

div.f_r { display:inline-block; float:right;} 
span.sep { display:inline-block; width:10px; font-size:8px; vertical-align:middle; text-align:center; padding-bottom:4px; }
a.lnkmenu { display:inline-block; padding:4px; text-decoration: none; font-family: Verdana; font-size: 8pt; color: #0151C9; outline-style: none; }
a.lnkmenu:hover { background-color:#F1F1F1; }

.img_no_border { margin:0px; padding:0px; border:none; }

.paging_container { display:inline; padding:0px; padding:0px 5px; vertical-align:baseline; float:right;}
.paging_container span { display:inline-block; padding-bottom:112px 0px; vertical-align:baseline; }

 a.a_left_active
{
    background: url('images/paging_left_a.png') no-repeat; height:27px; width:14px; margin-top:8px; color:#a60000; display:inline-block;
}
a.a_left_inactive
{
    background: url('images/paging_left_ia.png') no-repeat; height:27px; width:14px; margin-top:8px; color:#a60000; display:inline-block;
}
 a.a_right_active
{
    background: url('images/paging_right_a.png') no-repeat; height:27px; width:14px; margin-top:8px; color:#a60000; display:inline-block;
}
 a.a_right_inactive
{
    background: url('images/paging_right_ia.png') no-repeat; height:27px; width:14px; margin-top:8px; color:#a60000; display:inline-block; 
}
.paging_drp { font-size:10px; padding:0px; margin:0px; }

.adv_search_btn { float:left; width:229px; height:26px;} 
.adv_search_btn input.atxt {  border:solid 1px #A7A6A6; background-color: #ffffff; color:#000000; padding:7px 10px; padding-right:25px; width:140px;}

.adv_search_btn input.abtn {  border:none;  background:url(images/search-icon.png) no-repeat; color:#000000; position:relative;  left:-25px; cursor:pointer; width:13px; height:13px;}
.adv_search_btn a { background:url(images/down.png) no-repeat; display:inline-block; width:20px; position:relative; top:3px; left:-14px; height:20px; color:#ffffff; }
.adv_search_container { display:none; background-color:#AA3B32; margin:5px; padding:5px; } 

.search_btn { } 
.search_btn input.atxt {  border:solid 1px #A7A6A6; background-color: #ffffff; color:#000000; padding:7px 10px; padding-right:25px; }
.search_btn a.abtn { display:inline-block;  border:none;  background:url(images/popup.gif) no-repeat; color:#000000; position:relative;  left:-25px; top:5px; cursor:pointer; width:13px; height:13px;}

.quota_container { float:right; background:url('images/quota_bg1.png') no-repeat; width:187px; height:51px; display:block; font-size:9px; font-family:tahoma; color:#908989; }
.quota_container .mail { background:url(images/quota_bg_mail1.png) no-repeat; height:39px; }
.quota_container .media { background:url(images/quota_bg_media1.png) no-repeat; height:39px; }
.quota_container .percentage_container { position:relative; left:0px; top:-36px; color:#FD9797; }

.park_icon { background:url(images/parkmail.png) no-repeat; display:inline-block;  margin:0px; border:none; padding:0px; padding-left:15px; padding-top:15px; }
.val_search { background-color:#D5D2D2; display:inline-block; padding:5px; }
.p_desc { background: url(Images/Info.png) no-repeat 0px 5px; margin:10px; padding:5px; padding-left:40px; border:dotted 1px #CE8700; }

.se_chkbox { color:#ffffff; font-weight:normal; background:url('images/secureemail2.jpg') no-repeat; margin:0px; padding:0px; display:inline-block; width:95px; height:22px; padding-left:20px; padding-top:1px; }
.se_chkbox label { padding-top:0; vertical-align:middle; display:inline; height:20px; }
.hide{display:none;}




div.tab_box
{
    margin:5px;
}
div.tab_content
{
    padding: 10px;
    margin-top: 4px;
    border: solid 1px #ccc;
}
.tab_item
{
    padding: 4px;
    background-color: #f5f5f5;
    border-left: solid 1px #E0E0E0;
    border-top: solid 1px #E0E0E0;
    border-right: solid 1px #E0E0E0;
}
.tab_selected
{
    position: relative;
    top: 1px;
    padding: 4px;
    background-color: #ffffff;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
}
div.tab_options
{
    padding: 8px;
    background-color: #f5f5f5;
}
div.tab_options input
{
    margin-right: 4px;
}

div.myText div.outer
{
    position: relative;
}
div.myText div.inner
{
    display: none;
}
div.myText:hover div.inner
{
    position: absolute;
    display: block;
    left: 20px;
    top: 4px;
    width: 300px;
    height: auto;
    background: #FBFFCC;
    border-top: black 1px solid;
    border-right: black 1px solid;
    border-bottom: black 1px solid;
    border-left: black 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    z-index: 200;
    font: 8pt bold Verdana;
    color: black;
    text-align: left;
}

/* ----------------------------------- Start Scheduler Calendar Styles ------------------------------------- */
.caltable
{
    border: none 0px #ffffff;
    color: #442105;
    font-size: 11px;  
    width:100%;
}
.calheader
{
    background-color: #D7DCE5;
    border:solid 1px #D7DCE5;
    color: #442105;
    font-size: 12px;    
    height: 20px;
    width:100px;
}
/*.calrow
{
	background-color:#FEFEFE;
	padding-left:2px;
	text-align:left;
	font-size:24px;
	font-family:Verdana;
	border:solid 1px #D7DCE5;
	height:70px;
	width:100px;
	vertical-align:top;	
}*/

.calrow
{
	background-color:#FEFEFE;
	padding-left:2px;
	text-align:left;
	font-size:24px;
	font-family:Verdana;
	border:solid 1px #D7DCE5;
	height:70px;
	width:100px;
	vertical-align:top;	
}

.calrow span.cal_td_outer
{
    position: relative;
	padding-left:2px;
	text-align:left;
	font-size:24px;
	font-family:Verdana;
	vertical-align:top;	
}
.calrow span.cal_td_inner
{
    display: none;
}
.calrow:hover span.cal_td_inner
{
    position: absolute;
    display: inline-block;
    left: 5px;
    top: -1px;
    width: 100px;
    z-index: 200;
    font: 8pt bold Verdana;
    color: black;
    text-align: left;
}

.events:link
{
	color:#F35F00;
	margin:0px;
	margin-left:30px;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
}
.events:visited
{
	color:#F35F00;
	margin:0px;
	margin-left:30px;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
}
.events:hover
{
	color:#F35F00;
	margin:0px;
	margin-left:30px;
	text-decoration:underline;
	font-size:12px;
	line-height:20px;
}
.events:active
{
	color:#F35F00;
	margin:0px;
	margin-left:30px;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
}

.tasks:link
{
	color:#9F4000;
	margin:0px;
	margin-left:30px;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
}
.tasks:visited
{
	color:#9F4000;
	margin:0px;
	margin-left:30px;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
}
.tasks:active
{
	color:#9F4000;
	margin:0px;
	margin-left:30px;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
}
.tasks:hover
{
	color:#9F4000;
	margin:0px;
	margin-left:30px;
	text-decoration:underline;
	font-size:12px;
	line-height:20px;
}
.Appointment:link
{
	color:#F35F00;
	margin:0px;
	margin-left:30px;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
}
.Appointment:visited
{
	color:#F35F00;
	margin:0px;
	margin-left:30px;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
}
.Appointment:hover
{
	color:#F35F00;
	margin:0px;
	margin-left:30px;
	text-decoration:underline;
	font-size:12px;
	line-height:20px;
}
.Appointment:active
{
	color:#F35F00;
	margin:0px;
	margin-left:30px;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
}
/* ----------------------------------- End Scheduler Calendar Styles ------------------------------------- */

div#TimeChartGrid
{
	display: block;
	border-bottom: solid 1px #aaa;
}
div.trow
{
	display: block;
	height: 24px;
	padding: 0;
	margin: 0;
	border-top: solid 1px #aaa;
}
div.trow2
{
	display: block;
	height: 24px;
	padding: 0;
	margin: 0;
	border-top: solid 1px #ddd;
}
#TimeChart
{
	float: left;
	height: 0px;
	position: relative;
	left: 80px;
}

div.ev
{
	float: left;
	clear: none;
	display: block;
	background-image: url('images/event_bg.png');
	border: solid 1px #d80;
	position: relative;
	margin-left: 1px;
}
div.ev span
{
	padding: 4px;
}

#VoiceVideoContainer { padding:0; margin:20px 0; }
#VoiceVideoContainer li.voice { background-image: url('images/voice1.png'); float:left; list-style:none; width:195px; height:34px; margin-left:10px; cursor:pointer;}
#VoiceVideoContainer li.video { background-image: url('images/video1.png'); float:left; list-style:none; width:195px; height:34px; margin-left:10px; cursor:pointer;}
#VoiceVideoContainer li.voice_a { background-image: url('images/voice2.png'); float:left; list-style:none; width:195px; height:34px; margin-left:10px; cursor:pointer;}
#VoiceVideoContainer li.video_a { background-image: url('images/video2.png'); float:left; list-style:none; width:195px; height:34px; margin-left:10px; cursor:pointer;}
#VoiceVideoContainer li.content { border:solid 1px #CCCCCC; clear:both; display:block; list-style:none; padding:10px; } 

#layout_menu_box { float: right; margin: 0px; list-style: none; padding: 0px; padding-top:5px; padding-right:0; right: 5px; position: relative; top: 0px; }
#layout_menu { float:left; margin:0;padding:0;}
#layout_menu li { list-style-type: none; }
#layout_menu > li { display: block; float: left;  }
#layout_menu > li > ul > li { display: block; border: 0px; width:20px; }
#layout_menu > li > ul { position: absolute; display: none; padding: 0px; background-color: #ffffff; margin-top: 0px; margin-left: -1px; border: solid 1px #D5D7D8; top:0; left:-10px; }
#layout_menu > li:hover > ul { display: block; z-index: 999; }

img.calendar { vertical-align:middle; }