/**************** general css do not to change ***************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body { width:100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration:none; border:0px; }
input { outline:none; }
.floatl { float:left }
.floatr { float:right }
/***************** main layout structure css  *************************/
.wrapper { width:100%; height:100%; position:relative; background:#fff url(../images/main_bg.png) repeat-x; float:left; }
.wrapper2 { width:100%; height:100%; position:relative; background:#fff url(../images/main_bg2.png) repeat-x; float:left; }
/* -------------------------------------------- Header css ------------------------------ */
.main { width:1024px; margin:0px auto; }
.header { width:100%; float:left; height:86px; }
.logo { float:left; padding-left:50px; }
.middle { width:100%; float:left;}
.banner { width:599px; float:left; }
.signup { float:left; width:360px; padding:27px 10px 10px 10px; position:relative; }
.signupbox { width:320px; min-height:175px; float:left; border:1px solid #c0c7d0; background-color:#e7e9ed; border-radius:5px; padding:15px 20px; }
.shadow { width:360px; float:left }
.signupbox h2 { font: bold 20px Arial, Helvetica, sans-serif; color:#234569; text-shadow:1px 0px 0px 7px #828282; behavior: url(PIE.htc); }
.label { font:16px Arial, Helvetica, sans-serif; color:#444545; }
 .grid input[type="text"], .signupbox input[type="password"] { border:1px solid #686868; box-shadow:0px -2px 0px #c7c7c7 inset; border-radius:3px; height:20px; width:200px; margin:5px 0px; padding:2px 3px; background:#f9f9f9; }
.signup .button { position:absolute; top:212px; left:102px }
.signupbutt { background:url(../images/signupbutt.png) no-repeat; height:40px; width:186px; border:0px; color:#597490; font:bold 18px Arial, Helvetica, sans-serif; text-shadow:0px 1px 0px #fff; behavior: url(PIE.htc); }
.checkbox, .radio { width: 25px; height: 25px; padding: 0 5px 0 0; background: url(../images/checkbox.png) no-repeat; display: block; float: left; margin:-3px 0px 0px -4px; }
.radio { background: url(../images/radio.png) no-repeat; }
.rem { font:13px Arial, Helvetica, sans-serif; color:#444545; }
.forgot { font:13px Arial, Helvetica, sans-serif; color:#002c6e; }
.download_app { width:100%; text-align:center; padding-top:22px; float:left; }
.download_app img { }
.container { width:100%; float:left; padding-top:25px;}
.container h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#2d2d2d; text-shadow:0px 2px 1px #000; padding-left:45px; behavior: url(PIE.htc); }
.container h2 span { font: bold 36px Arial, Helvetica, sans-serif; color:#002c6e; text-shadow:0px 2px 1px #000; behavior: url(PIE.htc); }
.container p { font: 16px Arial, Helvetica, sans-serif; color:#1a1a1a; text-align:justify; padding:20px 55px 0px 50px; }
.blulnk { width:969px; float:left; text-align:right; text-decoration:underline; color:#0069b6; font:16px Arial, Helvetica, sans-serif; padding:30px 55px 18px 0px; }
.blulnk a { text-decoration:underline; color:#0069b6; font:16px Arial, Helvetica, sans-serif; }
.bottomcont { width:924px; float:left; padding:15px 50px; }
.img { float:left; margin-right:20px; }
.cont { float:right; width:718px; }
.cont h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#2d2d2d; text-shadow:0px 2px 1px #000; behavior: url(PIE.htc); }
.cont span { display:block; text-align:right; font: bold 18px Arial, Helvetica, sans-serif; color:#002c6e; behavior: url(PIE.htc); }
.cont p { font: 12px Arial, Helvetica, sans-serif; color:#1a1a1a; text-align:justify; }
.footer { width:100%; float:left; height:65px; background:url(../images/footer_bg.png) repeat-x; }
.footercont { width:924px; margin:auto; padding:0px 50px; }
.copyright { float:left; color:#fff; font:10px Arial, Helvetica, sans-serif; padding-top:17px; }
.social { float:right; padding-top:4px; }
.social a img { border:0px; margin:5px; }
.footlnk { width:445px; float:left; padding-top:13px; text-align:center; color:#bde3ff; }
.footlnk a { color:#bde3ff; font:12px Arial, Helvetica, sans-serif; padding:0px 8px; }
a.black { color:#000; }
.topnav { width:515px; padding-right:55px; float:left; }
.loginarea { font:12px Arial, Helvetica, sans-serif; color:#ffffff; text-align:right; width:100%; float:left; padding-top:9px; }
.wc { font:13px Arial, Helvetica, sans-serif; font-weight:bold; }
.skblue { color:#ceeaff; }
a.logintxt { text-decoration:underline; color:#ceeaff; }
.nav { width:100%; float:left; padding-top:26px; padding-top:22px;
}
.nav ul { width:auto; float:right; }
.nav ul li { float:left; padding:6px 4px; }
.nav ul li a { padding:5px 10px; color:#ceeaff; font:13px Arial, Helvetica, sans-serif; border-radius:3px 3px 3px 3px; behavior: url(PIE.htc); }
.nav ul li a:hover { background-color:#1a334e; color:#fff;}
.gridbox { width:890px; float:left; padding:0px 0px 26px 69px;min-height: 370px; }
.gridboxtop { background:url(../images/grid_top.png) repeat-x; height:38px; width:100%; float:left; border:1px solid #e5e5e5; border-radius:5px 5px 0px 0px; border-bottom:none; behavior: url(PIE.htc); }
.gridboxtop h3 { padding:10px 0px 0px 20px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#656565; text-shadow: 0px 1px 0px #FFF; float:left }
.add { background:url(../images/add_icon.png) no-repeat right 11px; margin-right:20px; padding:15px 35px 0px 0px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#656565; text-shadow: 0px 1px 0px #FFF; float:right; height: 19px; }
.gridboxmid { width:857px; float:left; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#f3f3f3; padding:14px 17px 0px 16px;}
.buttonouter { background:url(../images/signupbutt.png) no-repeat; height:40px; width:186px; border:0px; color:#597490; font:bold 18px Arial, Helvetica, sans-serif; text-shadow:0px 1px 0px #fff; behavior: url(PIE.htc); }
a.delete { background: url(../images/delete_bg.png) no-repeat scroll left top transparent; display: block; float: left; height: 27px; outline: medium none; padding: 0 25px 0 22px; text-decoration: none; }
a.delete span { background:url(../images/butt_main.png) no-repeat scroll right top transparent; color: #FFFFFF; display: block; float: left; font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#656565; text-shadow: 0px 1px 0px #FFF; height: 17px; padding: 5px 10px; text-align: right; }
.searchbox{width:250px;float:right; font:13px Arial, Helvetica, sans-serif; color:#656565;}
.searchbox span{display: block; float:left; padding:5px;}

.search{ border-radius:10px 0px 0px 10px; border:1px solid #aaaaaa; border-right:none; padding-left:10px; height:20px; box-shadow:0px -2px 0px #ccc inset; width:163px;display: block;
    float: left;}
.searchbutt{ border-radius:0px 10px 10px 0px; border:1px solid #aaaaaa; border-left:none; box-shadow:0px -2px 0px #ccc inset; background:#fff url(../images/search_icon.png) no-repeat 0px 4px;display: block;
    float: left;
    height: 24px;
    padding-left: 10px;cursor: pointer; }
.clr{ clear:both;}
.grid{width:100%; float:left; padding-top:20px; padding-bottom:10px;}
.grid table{border:1px solid #fff; background:#fff; border-collapse:separate;}
.grid table td{ padding:3px; border:1px solid #fff; color:#5f5f5f;font:13px Arial, Helvetica, sans-serif; font-weight:bold; }

.grid table td.head{ background:#cddbe9; border:1px solid #c7d3de;font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#34679b; text-shadow: 0px 1px 0px #FFF;}
.grid table .alt td{ background:#e8f1f8;}
.gridboxbot{ background:#f3f3f3; height:25px; width:100%; float:left; border:1px solid #ebebeb; border-radius:0px 0px 5px 5px; border-top:none; box-shadow:0px 4px 0px #f0f0f0 ;behavior: url(PIE.htc);}

div.pagin {float: right;
    font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
    padding-right: 15px;
    text-align: left; }
div.pagin span { color: #484848; float: left; font-weight: bold; margin: 0 2px 0 0; padding: 2px 5px; }
div.pagin span a{text-decoration: none;color:#484848;}
div.pagin span a:hover { color: #484848; text-decoration: underline; }
div.pagin span.current { background: url(../images/pagin_bg.png) repeat-x; border: 1px solid #a5b6c7; border-radius:3px; color: #484848; height:15px;behavior: url(PIE.htc); }
.app_store{text-align:center; float:left; width:100%; padding:14px 0px 14px 0px; background:url(../images/app_store_bg.png) repeat-x; height:66px; margin-bottom:5px;}


/* code added by nitesh for validation error css */

.error { font:12px Arial, Helvetica, sans-serif; color:red; }
 input.error {background: none repeat scroll 0 0 #F9F9F9;border: 1px solid red !important;border-radius: 3px 3px 3px 3px;height: 20px;margin: 5px 0;padding: 2px 3px;width: 200px;}

 .gridboxtop span{float: right;margin: 7px}
 #frmAddEditContact .grid table td {width: 106px}
 .dashboard{ height: 410px;}
 a.groups {background: url(../images/left_bg.png) no-repeat scroll left top transparent; display: block; float: left; height: 27px; outline: medium none; padding: 0 15px 0 5px; text-decoration: none;}
 a.groups span { background:url(../images/butt_main.png) no-repeat scroll right top transparent; color: #FFFFFF; display: block; float: left; font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#656565; text-shadow: 0px 1px 0px #FFF; height: 17px; padding: 5px 10px; text-align: right; }
 a.curgroup{background: url(../images/left_bg.png) no-repeat scroll left top transparent; display: block; float: left; height: 27px; outline: medium none; padding: 0 15px 0 5px; text-decoration: none;}
 a.curgroup span{ background:url(../images/butt_main.png) no-repeat scroll right top transparent; color: #FFFFFF; display: block; float: left; font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#656565; text-shadow: 0px 1px 0px #FFF; height: 17px; padding: 5px 10px; text-align: right;color: #34679B; }
 a.request {background: url("../images/pagin_bg.png") repeat-x scroll 0 0 transparent;border: 1px solid #A5B6C7;border-radius: 3px 3px 3px 3px;    height: 15px;font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#656565; text-shadow: 0px 1px 0px #FFF; height: 12px; padding: 0px 8px; text-align: right;  }
 .grid table td  a {font:bold 13px Arial,Helvetica,sans-serif;color:#34679B}
 .grid table td  a.send { font:13px Arial,Helvetica,sans-serif;color:#34679B}
 .grid table td  a.awaiting { font:13px Arial,Helvetica,sans-serif;color:#686868}
 .grid table td  a.view { font:bold 13px Arial,Helvetica,sans-serif;color:#18416B}
 .grid table td  a.cancel{padding-left:30px;font:13px Arial,Helvetica,sans-serif;color:#34679B}
 
 .grid table .profiletbl td{width: 127px}
 .clstext{ border:1px solid #686868; box-shadow:0px -2px 0px #c7c7c7 inset; border-radius:3px; height:20px; width:200px; margin:5px 0px; padding:2px 3px; background:#f9f9f9; }

 .addgrid{width:857px; float:left; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#f3f3f3; padding:14px 17px 0px 16px;}
 .addgrid table{border:1px solid #fff; background:#fff; border-collapse:separate;}
 .addgrid table td{ padding:3px 3px 3px 0px; border:1px solid #fff; color:#5f5f5f;font:13px Arial, Helvetica, sans-serif; font-weight:bold; width: 126px }

 .addgrid table td.head{ background:#cddbe9; border:1px solid #c7d3de;font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#34679b; text-shadow: 0px 1px 0px #FFF;}
 .addgrid table .alt td{ background:#e8f1f8;}
 .addgrid table th{text-decoration: underline;padding-top:25px}

 .addgrid table td input.error {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid red !important;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 -2px 0 #C7C7C7 inset;
    height: 17px;
    margin: 10px 0;
    padding: 2px 3px;
    width: 200px;
 }
 .astrick{color: red}
 #notification{  margin-bottom: -13px; margin-top: 39px;}
 .save{background: url("../images/pagin_bg.png") repeat-x scroll 0 0 transparent;border: 1px solid #A5B6C7;border-radius: 3px 3px 3px 3px;    height: 15px;font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#656565; text-shadow: 0px 1px 0px #FFF; height: 27px; padding: 5px 10px; text-align: right;cursor: pointer; }
 .message{font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#34679b;padding-bottom:10px;}
 .selftd{height: 130px; vertical-align: bottom;}

 .back { margin-right: 20px; padding:15px 35px 0px 0px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#656565; text-shadow: 0px 1px 0px #FFF; float:right; height: 19px; }
 .selected { background-color:#1a334e; color:#fff;}
 .pwdby { font: 10px Arial,Helvetica,sans-serif;padding-top: 10px;width: 445px;color: #FFFFFF; }
 .editlink  a {font:bold 13px Arial,Helvetica,sans-serif;color:#5F5F5F !important;}
 .editlink  a:hover {font:bold 13px Arial,Helvetica,sans-serif;color:#5F5F5F !important;text-decoration: underline;}
 
 .grid .countbox{ min-width: 150px;}
 .grid .countboxborder{}
 .grid td .midfont {font-size: 20px; }
 .grid td .midfont span{font-size: 20px; float: right; padding-right: 5px;}
 .grid .bigfont a{font-size: 60px; }

 .static-content { width:100%; float:left; padding-top:10px;}
 .static-content h4 { color: #234569; font-size: 16px; margin: 1em 0 0;}
 .static-content p { font: 13px Arial, Helvetica, sans-serif; color:#1a1a1a;text-align:justify; padding:20px 55px 0px 50px; }
 .static-content ul{ list-style-type: disc;margin: 1em 0 0 5em;font-family: Arial,Helvetica,sans-serif;font-size:13px;}
 .static-content ul li { color:#1a1a1a;font-weight:normal;line-height: 20px;font-family: Arial,Helvetica,sans-serif;font-size:13px;}
 .static-content ul li strong{ color: #234569;font-weight:bold; }

/* code end here */