@charset "utf-8";
/* CSS Document */

/* generic classes begins */
* { margin:0; padding:0;  }
body { margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#ffffff url(../images/head-bg.jpg) repeat-x left top; color:#000000; }

table, td { border-collapse:collapse; }
ul, li { list-style-type:none; }
a, a:visited { color:#07396b; text-decoration:none;  outline:none; }
a:hover { color:#07396b; text-decoration:none; }
/* ------- end --------- */

/* clearing floats */
.clearfix:after { content: " "; font-size:0; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block }
.clearfix { display:block }
* html .clearfix { height: 1px; }
.clear { clear: both; }
/*-----------------*/

/* headings */
h1 { font-weight:normal; font-size:20px; margin:10px 0; color:#0181c4; padding-left:10px; }
h2 { font-weight:normal; font-size:18px; margin:10px 0; color:#00304a; padding-left:10px; }
h3 { font-size:14px; margin:5px 0; color:#00aaff; }
h4 { font-size:14px; margin:10px 0 5px 0; color:#000000; }
h5 { font-size:12px; margin:10px 0 5px 0; color:#000000; }
.subHeading { background:url(../images/sub-head-bg.gif) repeat-x left top; height:39px; line-height:30px; padding:0 8px; color:#00263a; font-size:18px; }
/* ------- end --------- */

/* containers */
#wraper { padding:0 0px; }
#contents { clear:both; }
#header { height:129px; background:#000; }
#header1 { height:120px; margin-bottom:0px;}
#header2 { height:116px; background:#000; width:100%;}
/* ------- end --------- */

.welcome { height:50px; width:120px; color:#fff;  }

p.para { padding:5px 0 15px 0; font-size:12px; line-height:18px; }
.fLeft { float:left; }
.fLeft1 { float:left; margin-top:0px; }

.fRight { float:right; }
label { font-weight:bold;}

#logo { height:139PX; width:200px; padding:10px 0 0 5px; float:left;  margin-left:28px; margin-top:-8px; }
#logo1 { height:45px; width:200px; margin-top: 20px; padding:10px 0 0 5px; float:left; }
/* top nav */
#topLinks { margin:97px 5px 0 0; }
#topLinks ul { }
#topLinks ul li { float:left; margin-left:10px; }
#topLinks ul li a, #topLinks ul li a:visited { float:left; color:#ffffff; text-decoration:none; line-height:25px; font-weight:bold; }
#topLinks ul li a:hover { color:#ffea00; text-decoration:none; }
#topLinks ul li.logout a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout a:hover { color:#ff6915; text-decoration:none; }
#topLinks ul li.wellcome { color:#ffffff; line-height:25px;}
#topLinks ul li.logout1 a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; margin-top:-6px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout1 a:hover { color:#ff6915; text-decoration:none; }
/* ------- end --------- */

/* menu_resize */
.menu_resize_bg { height:41px; background:url(menu_bg.jpg) repeat-x left top; margin:0; padding:0; }
.menu_resize { width:960px; margin:0 auto; padding:0; }
/* menu */	
.menu { padding:1px 0 0 0; margin:0; float:right; }
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:left; }
.menu ul li { float:left; margin:0; padding:0; }
.menu ul li a, .menu ul li a:visited { float:left; margin:0 1px; padding:12px 10px; color:#007ee9; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a:hover { background:url(../images/r_menu.jpg) repeat-x 0 0;  }


/* icons */
.helpIcon { margin:0 0 0 10px; }
.helpIcon a, .helpIcon a:visited { margin:0 0 0 5px; width:22px; height:23px; display:block; color:#ffffff; text-decoration:none; background:url(../images/help-icon.png) no-repeat left top; }
.headingText { margin-left:5px;}
.icon { margin:0; width:24px; height:24px; display:block; }
/* ------- end --------- */

/* outer most wraper table */
.leftNavigation { min-width:240px; }
.leftNav {  }
.leftNav ul { margin: 0; padding: 0;}
.leftNav ul li { background: url("../images/leftLIi.jpg") repeat-x  0 0; 
    padding: 0 0 0 0; height: 35px; line-height: 35px; list-style-type: none; width: 250px; 
}
.leftNav ul li a, .leftNav ul li a:visited {  color: #000000; display: block; font-size: 14px; height: 34px; line-height: 34px; list-style-type: none; margin: 0; padding:0 0 0 10px; text-decoration: none; display:block;
}
.leftNav ul li a:hover{text-decoration:none; color:#000000;}
.leftNav ul li.inactiveTab { background:#096da7 url(../images/icons/navigation.png) no-repeat 0 5px; width: 215px; padding:0 0 0 35px; color:#ffffff; font-weight:bold; font-size:16px; margin-bottom:5px;}

.leftNav ul li:hover {  background:#9ad9ec; width: 250px;}

.leftNav ul li a.bt { background: url(../images/icons/businessType.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.bus { background: url(../images/icons/business.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.hc { background: url(../images/icons/homeContent.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.hwork { background: url(../images/icons/howcork.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.comC { background: url(../images/icons/compare_content.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.bC { background: url(../images/icons/businewwContent.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.faqC { background: url(../images/icons/faq.png) no-repeat 0 5px; padding:0 0 0 35px;}

.leftNav ul li a.dC { background: url(../images/icons/demo.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.udvC { background: url(../images/icons/demovideo.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.downC { background: url(../images/icons/download.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.mobC { background: url(../images/icons/mobile.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.adverC { background: url(../images/icons/advertiseContent.png) no-repeat 0 5px; padding:0 0 0 35px;}

.leftNav ul li a.supC { background: url(../images/icons/supportContent.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.conC { background: url(../images/icons/contactContact.png) no-repeat 0 5px; padding:0 0 0 35px;}

/* ----Business--- */
.leftNav ul li a.sch { background: url(../images/icons/school.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.channel { background: url(../images/icons/channal.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.backUser { background: url(../images/icons/backuser.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.galleryType { background: url(../images/icons/gallerytype.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.gallery { background: url(../images/icons/gallery.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.news { background: url(../images/icons/news.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.contact { background: url(../images/icons/contactContact.png) no-repeat 0 5px; padding:0 0 0 35px;}

.leftNav ul li a.resourceType { background: url(../images/icons/resourceType.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.resource { background: url(../images/icons/resource.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.calender { background: url(../images/icons/calendar.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.parentM { background: url(../images/icons/parentM.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.teacherM { background: url(../images/icons/teacherM.png) no-repeat 0 5px; padding:0 0 0 35px;}

.leftNav ul li a.class { background: url(../images/icons/class.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.studentM { background: url(../images/icons/studentM.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.assignClasses { background: url(../images/icons/assignClass.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.classNews { background: url(../images/icons/classNews.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.invite { background: url(../images/icons/inviteByMail.png) no-repeat 0 5px; padding:0 0 0 35px;}
.leftNav ul li a.feedback { background: url(../images/icons/feedback.png) no-repeat 0 5px; padding:0 0 0 35px;}

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

table.contentWraper { border-collapse:collapse; border:0; width:100%; }
table.contentWraper td { border-collapse:collapse; border:0; }
table.contentWraper th { border-collapse:collapse; border:0; }
table.contentWraper td.leftTop { font-size:0; width:8px; height:7px; background:url(../images/left-top.gif) no-repeat right top; }
table.contentWraper td.topMiddle { font-size:0; height:7px; background:url(../images/top-rpt.gif) repeat-x right top; }
table.contentWraper td.rightTop { font-size:0; width:8px; height:7px; background:url(../images/right-top.gif) no-repeat left top; }
table.contentWraper td.leftBottom { font-size:0; width:8px; height:7px; background:url(../images/left-bottom.gif) no-repeat right top; }
table.contentWraper td.bottomMiddle { font-size:0; height:7px; background:url(../images/bottom-rpt.gif) repeat-x left top; }
table.contentWraper td.rightBottom { font-size:0; width:8px; height:7px; background:url(../images/right-bottom.gif) no-repeat left top; }
table.contentWraper td.middleLeft { font-size:0; width:8px; background:url(../images/middle-left.gif) repeat-y right top; }
table.contentWraper td.middleRight { font-size:0; width:8px; background:url(../images/middle-right.gif) repeat-y left top; }
table.contentWraper td.contentData { padding:0; background:#ffffff; }
a.arrowleft { background:url(../images/blue-arrow.png) no-repeat 0 3px; padding:0 0 0 15px;}
/* ------- end --------- */

/* breadcrumb 00aaff */
.breadcrumb { background:url(../images/breadcrumb-bg.gif) repeat-x left bottom; margin:2px 0 0 0; height:28px; line-height:28px; padding-left:10px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
.breadcrumb span { color:#000; }
.breadcrumb a, .breadcrumb ul li a:visited { color:#003a88; text-decoration:none; margin-right:2px; }
.breadcrumb a:hover { color:#000; text-decoration:none; }
/* ------- end --------- */

.dynamicDataWraper { margin:0 8px 8px 0;  }
td.hSpace { width:10px; font-size:0; }

/* left nav */
tr#inactiveTab {
    background: none repeat scroll 0 0 #096DA7;
}
tr#inactiveTab td {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 5px;
}
table.whiteShadowBox { border-collapse:collapse; border:0; width:100%; min-width:250px; }
table.whiteShadowBox td { border-collapse:collapse; border:0; }
table.whiteShadowBox th { border-collapse:collapse; border:0; }
table.whiteShadowBox td.leftTop { font-size:0; width:6px; height:6px; background:url(../images/nav-left-top.gif) no-repeat right top; }
table.whiteShadowBox td.topMiddle { font-size:0; height:6px; background:url(../images/nav-top-rpt.gif) repeat-x right top; }
table.whiteShadowBox td.rightTop { font-size:0; width:6px; height:6px; background:url(../images/nav-right-top.gif) no-repeat left top; }
table.whiteShadowBox td.leftBottom { font-size:0; width:6px; height:6px; background:url(../images/nav-left-bottom.gif) no-repeat right top; }
table.whiteShadowBox td.bottomMiddle { font-size:0; height:6px; background:url(../images/nav-bottom-rpt.gif) repeat-x left top; }
table.whiteShadowBox td.rightBottom { font-size:0; width:6px; height:6px; background:url(../images/nav-right-bottom.gif) no-repeat left top; }
table.whiteShadowBox td.middleLeft { font-size:0; width:6px; background:url(../images/nav-middle-left.gif) repeat-y right top; }
table.whiteShadowBox td.middleRight { font-size:0; width:6px; background:url(../images/nav-middle-right.gif) repeat-y left top; }
table.whiteShadowBox td.contentData { padding:0; background:#ffffff; }


tr.under {     background: none repeat scroll 0 0 #F0F0F0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
tr.under td	{    font-size: 12px; line-height: 15px; padding: 4px 5px;}
tr.under2 td	{ background:#ffffff;    font-size: 12px; line-height: 15px; padding: 6px 5px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
tr.under2 td:hover { background:#eeeeee;}
tr.vSpacer td { font-size:0; height:3px; }

tr.activeTab { padding-top:2px; }
tr.activeTab td.left { width:17px; height:28px; font-size:0; background:url(../images/nav-left-hover.gif) no-repeat left top;}
tr.activeTab td.middle { height:28px; font-size:0; background:url(../images/nav-middle-hover.gif) repeat-x left top;}
tr.activeTab td.middle a, tr.activeTab td.middle a:visited { height:28px; line-height:28px; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; display:block; padding-left:5px; outline:none; }
tr.activeTab td.middle a:hover { color:#cfeeff; text-decoration:none; }
tr.activeTab td.right { width:4px; height:28px; font-size:0; background:url(../images/nav-right-hover.gif) no-repeat right top;}

tr.tabOpen {}
tr.tabOpen td {  }
tr.tabOpen td ul { border:1px solid #8db0dc; margin:0; padding:0 0 2px 0; }
tr.tabOpen td ul li { display:block; padding:2px 2px 0 2px;  white-space: nowrap;}
tr.tabOpen td ul li a, tr.tabOpen td ul li a:visited { height:24px; line-height:24px; font-weight:normal; font-size:11px; color:#225975; text-decoration:none; padding-left:10px; display:block; background:#ffffff url(../images/sub-menu.gif) no-repeat left -24px;  outline:none;}
tr.tabOpen td ul li a:hover { color:#ffffff; text-decoration:none; background:#74aeea url(../images/sub-menu.gif) no-repeat left top; }

tr.tabOpen td ul li.selected a, tr.tabOpen td ul li.selected a:visited, tr.tabOpen td ul li.selected a:hover { height:24px; line-height:24px; font-weight:normal; font-size:11px; color:#ffffff; text-decoration:none; padding-left:10px; display:block; background:#74aeea url(../images/sub-menu.gif) no-repeat left top; font-weight:bold; }
/* ------- end --------- */

/* data grid and tables  */
table.gridWraper { border-collapse:collapse; border:0; width:100%; margin-top:10px; }
table.gridWraper td { border-collapse:collapse; border:0; }
table.gridWraper th { border-collapse:collapse; border:0; padding:8px 5px; font-size:11px; color:#000000; font-weight:bold; background:#dcdcdc url(../images/grid-heading.gif) repeat-x right top; border-right:1px solid #cccccc; }
table.gridWraper td.leftTop { font-size:0; width:4px; height:4px; background:url(../images/grid-left-top.gif) no-repeat right top; }
table.gridWraper td.topMiddle { font-size:0; height:4px; background:url(../images/grid-top-rpt.gif) repeat-x right top; }
table.gridWraper td.rightTop { font-size:0; width:4px; height:4px; background:url(../images/grid-right-top.gif) no-repeat left top; }
table.gridWraper td.leftBottom { font-size:0; width:4px; height:4px; background:url(../images/grid-left-bottom.gif) no-repeat right top; }
table.gridWraper td.bottomMiddle { font-size:0; height:4px; background:url(../images/grid-bottom-rpt.gif) repeat-x left top; }
table.gridWraper td.rightBottom { font-size:0; width:4px; height:4px; background:url(../images/grid-right-bottom.gif) no-repeat left top; }
table.gridWraper td.middleLeft { font-size:0; width:4px; background:url(../images/grid-middle-left.gif) repeat-y right top; }
table.gridWraper td.middleRight { font-size:0; width:4px; background:url(../images/grid-middle-right.gif) repeat-y left top; }
table.gridWraper td.contentData { padding:0; background:#ffffff; }
table.gridWraper .gridHeading { padding:8px 5px; font-size:11px; color:#000000; font-weight:bold; background:#dcdcdc url(../images/grid-heading.gif) repeat-x right top; border-right:1px solid #cccccc; }

td.planeHeading { height:22px; line-height:22px; font-size:11px; color:#000000; font-weight:bold; background:#f0f6fe url(../images/plane-bg.gif) repeat-x right top; border-right:1px solid #cccccc; padding-left:5px !important; }
td.plane { height:4px; font-size:0px; background:#e6e6e6; padding:0 !important; margin:0; }

table.defaultTable { border-collapse:collapse; border:0; width:100%; }
table.defaultTable td { border-collapse:collapse; line-height:14px; padding:4px 5px; font-size:11px; }
table.defaultTable th { border-collapse:collapse; line-height:14px; padding:4px 5px; font-size:11px; }
table.defaultTable tr.even { background:#f0f0f0; border-top:1px solid #dddddd;}

table.defaultTable td table td { border-collapse:collapse; padding:2px 1px; }
table.defaultTable th table th { border-collapse:collapse; padding:2px 1px; }

.reOrder { width:100%; }
.reOrder table { width:100%; }
.reOrder table li { width:100%; }
table.gridData { border-collapse:collapse; border:0; width:100%; }
table.gridData td { border-collapse:collapse; line-height:14px; padding:8px 5px; font-size:11px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
table.gridData th { padding:8px 5px; font-size:11px; color:#000000; font-weight:bold; background:#dcdcdc url(../images/grid-heading.gif) repeat-x right top; border-right:1px solid #cccccc; border-bottom:1px solid #dddddd;  }
table.gridData th a, .table.gridData th a:visited { color:#000000; text-decoration:none; }

table.gridData tr.even { background:#f0f0f0; border-top:1px solid #dddddd;}


table.simpleTable { border-collapse:collapse; border:1px solid #dcdcdc; width:100%; }
table.simpleTable td { border-collapse:collapse; padding:4px 5px; font-size:11px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
table.simpleTable th { height:24px; padding:7px 5px; font-size:11px; color:#000000; font-weight:bold; background:#dcdcdc url(../images/grid-heading.gif) repeat-x right top; border-right:1px solid #cccccc; border-bottom:1px solid #dddddd; }
table.simpleTable th a, .table.simpleTable th a:visited { color:#000000; text-decoration:none; }

table.simpleTable td table td { border-collapse:collapse; line-height:14px; padding:4px 5px; font-size:11px; border:none; }
table.simpleTable th table th{ padding:8px 5px; font-size:11px; color:#000000; font-weight:bold; background:#dcdcdc url(../images/grid-heading.gif) repeat-x right top; border:none; }

table.simpleTable tr.even { background:#f0f0f0; border-top:1px solid #dddddd;}
li.even { background:#f0f0f0; }

.data { padding:5px 8px; }
.edit { width:50px; }
.edit a{ color:#ffffff; margin:0 auto; text-decoration:none; display:block; background:url(../images/edit-icon.gif) no-repeat left top; width:16px; height:16px; }
.delete { width:60px; }
.delete a{ color:#ffffff;  margin:0 auto; text-decoration:none; display:block; background:url(../images/delete-icon.gif) no-repeat left top; width:16px; height:16px; }
.copy { width:50px; }
.copy a{ color:#ffffff;  margin:0 auto; text-decoration:none; display:block; background:url(../images/copy-icon.png) no-repeat left top; width:16px; height:16px; }

.markAll { width:70px; }
.markAll a{ color:#ffffff;  margin:0 auto; text-decoration:none; display:block; background:url(../images/mark-icon.png) no-repeat left top; width:16px; height:16px; }

.return { width:70px; }
.return a{ color:#ffffff;  margin:0 auto; text-decoration:none; display:block; background:url(../images/return-icon.png) no-repeat left top; width:16px; height:16px; }

.exchange { width:50px; }
.exchange a{ color:#ffffff;  margin:0 auto; text-decoration:none; display:block; background:url(../images/exchange-icon.png) no-repeat left top; width:16px; height:16px; }

.scanned { width:70px; }
.scanned a{ color:#ffffff;  margin:0 auto; text-decoration:none; display:block; background:url(../images/barcode-icon.png) no-repeat left top; width:16px; height:16px; }

.modify { width:90px; }
.modify a{ color:#ffffff;  margin:0 auto; text-decoration:none; display:block; background:url(../images/modifier-icon.png) no-repeat left top; width:16px; height:16px; }

.print { width:90px; }
.print a{ color:#ffffff;  margin:0 auto; text-decoration:none; display:block; background:url(../images/print-icon.gif) no-repeat left top; width:16px; height:16px; }

/* ------- end --------- */

/* forms */
.loginWraper { margin:30px auto; width:480px;  }
.loginTbl { background:url(../images/login-bg.png) no-repeat left top; padding:40px 80px 0 50px; }
.loginBtm { background:url(../images/login-bg.png) no-repeat left bottom; height:86px; }
.loginBox { border:1px solid #0c82eb !important; background:#ffffff !important; padding:2px !important; height:18px; }
a.forgot, a.forgot:visited { color:#ffffff; text-decoration:none; font-family:12px; margin-top:7px; font-weight:bold; }
a.forgot:hover { color:#ffffff; text-decoration:underline;}
table.formTable { border-collapse:collapse; border:0; width:100%; }
table.formTable td { border-collapse:collapse; line-height:14px; padding:5px 1px 5px 1px; font-size:11px; }
table.formTable th { border-collapse:collapse; line-height:14px; padding:5px 1px 5px 1px; font-size:11px; }
table.formTable tr.even { background:#f0f0f0; border-top:1px solid #dddddd;}

table.formTable td table td { border-collapse:collapse; padding:2px 1px; }
table.formTable th table td { border-collapse:collapse; padding:2px 1px; }

table.reportDetails { border-collapse:collapse; border:0; }
table.reportDetails td { border-collapse:collapse; line-height:14px; padding:5px 5px; font-size:11px;    border-top:1px solid #fffff; border-bottom:1px solid #cce1ec;}
table.reportDetails th { border-collapse:collapse; line-height:14px; padding:5px 1px 5px 1px; font-size:11px; border-top:1px solid #fffff; border-bottom:1px solid #cce1ec; }
table.reportDetails tr.even { background:#f0f0f0; border-top:1px solid #dddddd;}

.reportGrid { margin:10px 5px;}

.fNormal, .fNormal label { font-weight:normal; }

hr { border-bottom:2px solid #f0f0f0; border-top: 1px solid #dddddd; height:1px; font-size:0; margin:20px 0 10px 0; }

label { font-weight:normal; color:#333333; }
input[type="text"] { border:1px solid #cbcbcb; color:#333333; font-size:11px; padding:2px 0 0 2px; background:url(../images/input-bg.gif) repeat-x left top; height:20px; width:145px }
input[type="password"] { border:1px solid #cbcbcb; color:#333333; font-size:11px; height:20px; padding:2px 0 0 2px; background:url(../images/input-bg.gif) repeat-x left top; width:145px}
.radioBtn { }
.radioBtn label { margin-right:10px; font-weight:normal;}
input[type="radio"] { margin:0 5px;}

textarea {  border:1px solid #cbcbcb; font-size:11px; overflow:auto; min-height:100px; padding:0 0 0 2px; width:200px;}
.largeWidth { width:300px; }
.mediumWidth { width:210px; }
.smallWidth { width:100px; }

select { font-size:11px; padding:2px 2px 2px 0px; color:#333333;  border:1px solid #cccccc; width:145px; height:25px; background:url(../images/input-bg.gif) repeat-x left top;}
select.largeWidth { width:300px; }
select.mediumWidth { width:235px; }
select.smallWidth { width:100px; }
.note { font-size:10px; color:#777777; display:block; clear:both; }
a.submit, a.submit:visited, a.submit:hover, input.submit { display:block; color:#ffffff; text-decoration:none; width:84px; height:30px; background:url(../images/submit.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.saveUser, a.saveUser:visited, a.saveUser:hover, input.saveUser { display:block; color:#ffffff; text-decoration:none; width:101px; height:30px; background:url(../images/save-user.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.saveEvent, a.saveEvent:visited, a.saveEvent:hover, input.saveEvent { display:block; color:#ffffff; text-decoration:none; width:109px; height:30px; background:url(../images/save-event.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.save, a.save:visited, a.save:hover, input.save { display:block; color:#ffffff; text-decoration:none; width:84px; height:30px; background:url(../images/save.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.addNote, a.addNote:visited, a.addNote:hover, input.addNote { display:block; color:#ffffff; text-decoration:none; width:97px; height:30px; background:url(../images/add-note.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.returnEvent, a.returnEvent:visited, a.returnEvent:hover, input.returnEvent { display:block; color:#ffffff; text-decoration:none; width:189px; height:30px; background:url(../images/return-event-details.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
.exeReport { cursor:pointer; display:block; color:#ffffff; text-decoration:none; width:141px; height:30px; background:url(../images/execute-report.png) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.editCustomer, a.editCustomer:visited, a.editCustomer:hover, input.editCustomer { display:block; color:#ffffff; text-decoration:none; width:159px; height:30px; background:url(../images/edit-customer.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.ticketOpt, a.ticketOpt:visited, a.ticketOpt:hover, input.ticketOpt { display:block; color:#ffffff; text-decoration:none; width:234px; height:30px; background:url(../images/ticket-opt.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.clearPrice, a.clearPrice:visited, a.clearPrice:hover, input.clearPrice { display:block; color:#ffffff; text-decoration:none; width:109px; height:30px; background:url(../images/clear-prices.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.setPrice, a.setPrice:visited, a.setPrice:hover, input.setPrice { display:block; color:#ffffff; text-decoration:none; width:92px; height:30px; background:url(../images/set-prices.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.returnSelected, a.returnSelected:visited, a.returnSelected:hover, input.returnSelected { display:block; color:#ffffff; text-decoration:none; width:194px; height:30px; background:url(../images/return-selected.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.setAvailability, a.setAvailability:visited, a.setAvailability:hover, input.setAvailability { display:block; color:#ffffff; text-decoration:none; width:134px; height:30px; background:url(../images/set-availability.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.clearAvailability, a.clearAvailability:visited, a.clearAvailability:hover, input.clearAvailability { display:block; color:#ffffff; text-decoration:none; width:147px; height:30px; background:url(../images/clear-availability.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.apply, a.apply:visited, a.apply:hover, input.apply { display:block; color:#ffffff; text-decoration:none; width:74px; height:30px; background:url(../images/apply.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.showOrders, a.showOrders:visited, a.showOrders:hover, input.showOrders { display:block; color:#ffffff; text-decoration:none; width:124px; height:30px; background:url(../images/show-orders.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.selectSeats, a.selectSeats:visited, a.selectSeats:hover, input.selectSeats { display:block; color:#ffffff; text-decoration:none; width:111px; height:30px; background:url(../images/select-seats.gif) no-repeat left top; border:0px solid #ffffff;  cursor:pointer;}
a.proceed, a.proceed:visited, a.proceed:hover, input.proceed { display:block; color:#ffffff; text-decoration:none; width:91px; height:30px; background:url(../images/proceed.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.cancel, a.cancel:visited, a.cancel:hover, input.cancel { display:block; color:#ffffff; text-decoration:none; width:77px; height:30px; background:url(../images/cancelt.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.printBtn, a.printBtn:visited, a.printBtn:hover, input.printBtn { display:block; color:#ffffff; text-decoration:none; width:62px; height:30px; background:url(../images/print.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.printTickets, a.printTickets:visited, a.printTickets:hover, input.printTickets { display:block; color:#ffffff; text-decoration:none; width:117px; height:30px; background:url(../images/print-tickets.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.processOrder, a.processOrder:visited, a.processOrder:hover, input.processOrder { display:block; color:#ffffff; text-decoration:none; width:127px; height:30px; background:url(../images/process-order.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer; cursor:pointer;}
a.buyMoreTickets, a.buyMoreTickets:visited, a.buyMoreTickets:hover, input.buyMoreTickets { display:block; color:#ffffff; text-decoration:none; width:146px; height:30px; background:url(../images/buy-more-tickets.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.selectedSeats, a.selectedSeats:visited, a.selectedSeats:hover, input.selectedSeats { display:block; color:#ffffff; text-decoration:none; width:191px; height:30px; background:url(../images/selected-seats.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.adultSeats, a.adultSeats:visited, a.adultSeats:hover, input.adultSeats { display:block; color:#ffffff; text-decoration:none; width:219px; height:30px; background:url(../images/adult-seats.gif) no-repeat left top;  cursor:pointer;}
a.seatSelection, a.seatSelection:visited, a.seatSelection:hover, input.seatSelection { display:block; color:#ffffff; text-decoration:none; width:161px; height:30px; background:url(../images/seat-selection.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.newSelection, a.newSelection:visited, a.newSelection:hover, input.newSelection { display:block; color:#ffffff; text-decoration:none; width:171px; height:30px; background:url(../images/new-selection.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.seatingConf, a.seatingConf:visited, a.seatingConf:hover, input.seatingConf { display:block; color:#ffffff; text-decoration:none; width:224px; height:30px; background:url(../images/seating-conf.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.assignedSeating, a.assignedSeating:visited, a.assignedSeating:hover, input.assignedSeating { display:block; color:#ffffff; text-decoration:none; width:154px; height:30px; background:url(../images/assigned-seating.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.generalAdmission, a.generalAdmission:visited, a.generalAdmission:hover, input.generalAdmission { display:block; color:#ffffff; text-decoration:none; width:164px; height:30px; background:url(../images/general-admission.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.textView, a.textView:visited, a.textView:hover, input.textView { display:block; color:#ffffff; text-decoration:none; width:171px; height:30px; background:url(../images/text-view.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.login, a.login:visited, a.login:hover, input.login { display:block; color:#ffffff; text-decoration:none; width:69px; height:30px; background:url(../images/login.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.graphicalView, a.graphicalView:visited, a.graphicalView:hover, input.graphicalView { display:block; color:#ffffff; text-decoration:none; width:211px; height:30px; background:url(../images/general-admission.gif) no-repeat left top;  border:0px solid #ffffff; cursor:pointer;}
a.addToCart, a.addToCart:visited, a.addToCart:hover, input.addToCart { display:block; color:#ffffff; text-decoration:none; width:109px; height:30px; background:url(../images/add-to-cart.gif) no-repeat left top; border:0px solid #ffffff;  cursor:pointer;}
a.exchangeBtn, a.exchangeBtn:visited, a.exchangeBtn:hover, input.exchangeBtn { display:block; color:#ffffff; text-decoration:none; width:96px; height:30px; background:url(../images/exchange.gif) no-repeat left top; border:0px solid #ffffff; cursor:pointer;}
a.assignUsers, a.assignUsers:visited, a.assignUsers:hover, input.assignUsers { display:block; color:#ffffff; text-decoration:none; width:122px; height:30px; background:url(../images/assign-users.gif) no-repeat left top; border:0px solid #ffffff; cursor:pointer;}
a.saveTicketOption, a.saveTicketOption:visited, a.saveTicketOption:hover, input.saveTicketOption { display:block; color:#ffffff; text-decoration:none; width:164px; height:30px; background:url(../images/save-ticket-option.gif) no-repeat left top; border:0px solid #ffffff; cursor:pointer;}
a.holdSeats, a.holdSeats:visited, a.holdSeats:hover, input.holdSeats { display:block; color:#ffffff; text-decoration:none; width:109px; height:30px; background:url(../images/hold-seats.gif) no-repeat left top; border:0px solid #ffffff; cursor:pointer;}
a.releaseSeats, a.releaseSeats:visited, a.releaseSeats:hover, input.releaseSeats { display:block; color:#ffffff; text-decoration:none; width:129px; height:30px; background:url(../images/release-seats.gif) no-repeat left top; border:0px solid #ffffff; cursor:pointer;}
a.add, a.add:visited, a.add:hover, input.add { display:block; color:#ffffff; text-decoration:none; width:64px; height:30px; background:url(../images/add.gif) no-repeat left top; border:0px solid #ffffff; cursor:pointer;}
a.printNow, a.printNow:visited, a.printNow:hover, input.printNow { display:block; color:#ffffff; text-decoration:none; width:104px; height:30px; background:url(../images/print-now.gif) no-repeat left top; border:0px solid #ffffff; cursor:pointer;}




a.addCoupon, a.addCoupon:visited, a.addCoupon:hover, input.addCoupon { display:block; color:#ffffff; text-decoration:none; width:124px; height:30px; background:url(../images/add-coupon.gif) no-repeat left top; border:0px solid #ffffff; cursor:pointer;}

a.defaultBtn, a.defaultBtn:visited { display:block; font-weight:bold; font-size:16px; color:#ffffff; text-decoration:none; height:20px; line-height:20px; border:1px solid #003fa8; background:url(../images/btn.gif) repeat-x left top; text-align:center; padding:4px 15px;  cursor:pointer; margin-bottom:5px; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

a.defaultBtn:hover { font-weight:bold; font-size:16px; color:#ffffff; text-decoration:none; border:1px solid #003fa8; background:url(../images/btn-over.gif) repeat-x left top; text-align:center;  cursor:pointer;}

input.defaultBtn { font-weight:bold; font-size:16px; color:#ffffff; text-decoration:none; height:28px; line-height:28px; border:1px solid #003fa8; background:url(../images/btn.gif) repeat-x left top; text-align:center; padding:0 15px 4px 15px;  cursor:pointer; margin-bottom:5px; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

input.defaultBtn:hover { font-weight:bold; font-size:16px; color:#ffffff; text-decoration:none; border:1px solid #003fa8; background:url(../images/btn-over.gif) repeat-x left top; text-align:center;  cursor:pointer;}


.inputSearch { height:26px; width:250px; padding:5px 5px 0 5px; background:url(../images/search-box.gif) no-repeat left top; }
.inputSearch input { height:20px; width:165px; background:none; border:0 solid #ffffff; color:#666666; }
.btn { width:105px; height:30px; margin-left:5px; }
/* ------- end --------- */

/* paging */
.paging { margin-top:10px; margin-left:5px; color:#666666;}
.black { color:#000000; font-weight:bold; }
a.black, black a { color:#000000; }
.grey { color:#666666; }
.paging .input { float:left; margin:0 2px; }

.paging a.first { float:left; color:#00aaff; text-decoration:none; width:14px; height:14px; display:block; background:url(../images/first.png) no-repeat left top; border:0px solid #ffffff; font-size:0; cursor:pointer;}
.paging a.previous { float:left; color:#00aaff; text-decoration:none; width:14px; height:14px; display:block; background:url(../images/previous.png) no-repeat left top; border:0px solid #ffffff; font-size:0; cursor:pointer; }

.paging a.last  { float:left; color:#00aaff; text-decoration:none; width:14px; height:14px; display:block; background:url(../images/last.png) no-repeat left top; border:0px solid #ffffff;  font-size:0; cursor:pointer;}
.paging a.next { float:left; color:#00aaff; text-decoration:none; width:14px; height:14px; display:block; background:url(../images/next.png) no-repeat 4px top;  border:0px solid #ffffff; font-size:0; cursor:pointer;}
/* ------- end --------- */

/* tool tip */
.toolTip {  }
.TT { float:left; position:relative; z-index:9; background:#ffe684; color:#000000; border:1px solid #ffc001; padding:2px 5px; }
.tipArrow { float:left; position:relative; z-index:10; margin-top:5px; margin-left:-15px; }
/* ------- end --------- */

/* footer */
.mrgTop { margin-top:100px; }
.footer { float:left; width:650px; }
.footer ul { }
.footer ul li { float:left; height:30px; line-height:30px; font-size:11px; font-weight:bold; margin:0 5px; }
.footer ul li.sep { float:left; width:1px; height:30px; line-height:30px; background:url(../images/sep.gif) no-repeat left center; }
.footer ul li a, .footer ul li a:visited { float:left; color:#000000; text-decoration:none; }
.footer ul li a:hover { color:#00aaff; text-decoration:none; }
.footerBg { background:#ffffff url(../images/footer-bg.gif) repeat-x left bottom;  }
.copyright { float:right; width: 367px; color:#666666; height:30px; line-height:30px; font-size:11px; font-weight:bold;  }
/* ------- end --------- */

.success { background:#eafceb url(../images/success.png) no-repeat 5px center; height:24px; line-height:24px; padding-left:35px; color:#006a04; font-weight:bold; margin:5px 5px 10px 5px; border-bottom:1px solid #b1e7b1;  border-right:1px solid #b1e7b1;  border-left:1px solid #dbf6db; border-top:1px solid #dbf6db; }

.success label { color:#006a04; }

.error { background:#fceaea url(../images/error.png) no-repeat 5px center; height:24px; line-height:24px; padding-left:35px; color:#c60000; font-weight:bold; margin:5px 5px 10px 5px; border-bottom:1px solid #e7b1b1;  border-right:1px solid #e7b1b1;  border-left:1px solid #f6dbdb; border-top:1px solid #f6dbdb; }

.errorSmall { color:#c60000; font-weight:bold; height:18px; line-height:18px; padding-left:25px !important; background:url(../images/error-small.png) no-repeat 5px 0; }

.errorSimple { color:#cc0000;  height:18px; line-height:18px; padding:0px !important; }

.session { color:#000000; margin:5px 5px 10px 5px; height:18px; line-height:18px; padding:4px 10px !important; font-weight:bold; font-size:14px; background:#FFF9D7; border:1px solid #E2C822; }

.successSmall { color:#006a04; font-weight:bold; height:18px; line-height:18px; padding-left:25px !important; background:url(../images/mark-icon.png) no-repeat 5px 0; }

.error label { color:#6a0000; }

.CompletionList{ cursor: default; overflow:auto; font-size:11px; max-height:100px; border: 1px solid #cccccc; background:#f9f9f9; z-index:10000; }
.CompletionList div { cursor:default; font-size:11px; background:#04a8fd;  }

.dragHandle { width: 15px; height: 16px; background-image: url(../../images/drag.png); cursor:move; border: outset thin white; }

/*UpdateProgressOverlayExtender FlanControls*/
.updateProgress { position: absolute; background-color: #fff; color:Black; filter: alpha(opacity=70); mozopacity: 0.7; opacity: 0.7; padding: 0px; margin: 0px; }
.updateProgress div { background-color: white; color:#000000; padding: 4px; position: absolute; top: 50%; left: 40%; }
/*End UpdateProgressOverlayExtender FlanControls*/

.ModalPopupBG { background-color: #666699; filter: alpha(opacity=50); opacity: 0.7; }
.modalBackground {background-color:#4c4c4c;filter:alpha(opacity=70);opacity:0.7;}
.modalPopup {background-color:#2c2c2c;border-width:3px;border-style:solid;border-color:#ffffff;padding:3px;width:250px;}

.modalBackground2
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup2
{
    text-align: center;
    padding-top: 30px;
    background-color: transparent;
}

a.previewEvent, a.previewEvent:visited, a.previewEvent:hover { color:#000000; text-decoration:none; padding:5px 0 5px 24px; background:url(../images/preview-event.png) no-repeat left top; }

a.copyClipboard, a.copyClipboard:visited, a.copyClipboard:hover { color:#000000; text-decoration:none; padding:5px 0 5px 24px; background:url(../images/copy-clipboard.png) no-repeat left top; }

/* simple accordion */
.group { background:#b7d5fd url(../images/accordion-bg.gif) repeat-x left top; padding:0 5px; height:22px; line-height:22px; }

/* ------- end --------- */


/* popup table  */
table.popup { border-collapse:collapse; border:0; width:100%; margin-top:10px; }
table.popup td { border-collapse:collapse; border:0; }
table.popup td.leftTop { font-size:0; width:6px; height:6px; background:url(../images/popup-left-top.png) no-repeat right top; }
table.popup td.topMiddle { font-size:0; height:6px; background:url(../images/popup-top-rpt.png) repeat-x right top; }
table.popup td.rightTop { font-size:0; width:6px; height:6px; background:url(../images/popup-right-top.png) no-repeat left top; }
table.popup td.leftBottom { font-size:0; width:6px; height:6px; background:url(../images/popup-left-bottom.png) no-repeat right top; }
table.popup td.bottomMiddle { font-size:0; height:6px; background:url(../images/popup-bottom-rpt.png) repeat-x left top; }
table.popup td.rightBottom { font-size:0; width:6px; height:6px; background:url(../images/popup-right-bottom.png) no-repeat left top; }
table.popup td.middleLeft { font-size:0; width:6px; background:url(../images/popup-middle-left.png) repeat-y right top; }
table.popup td.middleRight { font-size:0; width:6px; background:url(../images/popup-middle-right.png) repeat-y left top; }
table.popup td.contentData { padding:0; background:#ffffff; }

.close { display:block; background:url(../images/x.png) no-repeat 0px 0px; right:-5px; width:26px; text-indent:-1000px; position:absolute; top: 0px; height:30px; } 
.popUpStyle { width:700px; height:400px; }
.popUpBg { background:#e6e6e6; }
.popupOpacity { filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; background:#000000; }
/* ------- end --------- */

/* seating layout */
.pLocation { height:22px; line-height:22px; font-size:14px !important; font-weight:bold; text-transform:uppercase; color:#000000; text-align:left; padding-left:10px !important; background:#dfedff url(../images/cell-heading.gif) repeat-x 0 0; border-bottom:2px solid #40597c !important; }
td.available { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background:url(../images/seating.png) no-repeat -1px -1px; }
td.reserved { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background:url(../images/seating.png) no-repeat -34px -1px; }
td.held { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background:url(../images/seating.png) no-repeat -67px 0; } 
td.renewal_held { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background:url(../images/seating.png) no-repeat -100px -1px; }
td.unavailable { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background:url(../images/seating.png) no-repeat -166px -1px; }
td.blocked { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background:url(../images/seating.png) no-repeat -133px -1px; }
td.selected { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background:url(../images/seating.png) no-repeat -199px -1px; }

td.obstacle { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:0px; text-indent:-200px; }

/* td.obstacle { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background: url(../images/seating.png) no-repeat -232px -1px; } */

td.heldselected { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background: url(../images/seating.png) no-repeat -265px -1px; }
td.handicap { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background: url(../images/seating.png) no-repeat -298px -1px; }
td.companion { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background: url(../images/seating.png) no-repeat -331px -1px; }
td.spacer { height:30px; width:28px; padding:0; margin:0; }
td.reservedUser { height:30px; width:28px; padding:0; margin:0; text-align:center; line-height:22px; color:#ffffff; font-weight:bold; font-size:11px; background:url(../images/seating.png) no-repeat -364px -1px; }
/* ------- end --------- */


/* seating layout */
.MenuWraperBg > div { background:#ffffff url(../images/menu-wraper-bg.jpg) repeat-x left top; }
.MenuSubWraperBg { background:#72c3f2 url(../images/menu-sub-wraper-bg.jpg) repeat-x left top; }
.MenuSubLevel { background:#b6e4ff url(../images/menu-sub-level-bg.jpg) repeat-x left top; }
/* ------- end --------- */



/* from developers */
.cal .ajax__calendar_container {padding:10px;position:absolute;border:1px solid #646464;background-color:White;}
.cal .ajax__calendar_body table tr td {padding: 0px;background-color: #ffffff;}
/* ------- end --------- */




.accordian { width:250px; }
.slider { width:250px;}


/* vertical slider menu classes begins */

.verticalMenuWraper { width:250px; }
#nav {	background:#ffffff; color:#fff; }
#nav dt b {	display: block; padding:0 0 0 20px; font-weight:normal; font-size: 24px; cursor: pointer; color:#000000; line-height:39px; height:39px; background: url(../images/accordian-tabs.jpg) no-repeat left top;margin-bottom:1px; }
#nav dt b:hover {	background: url(../images/accordian-tabs.jpg) no-repeat left -42px;color:#ffffff; }
#nav dt b.clicked {	display: block; padding:0 0 0 50px; font-weight:normal; font-size: 24px; cursor: pointer; line-height:39px; height:39px;margin-bottom:1px; background: url(../images/accordian-tabs.jpg) no-repeat left -42px;color:#ffffff; }
#nav dd {	padding:10px; }

.vMenuSub {}
.vMenuSub ul{}
.vMenuSub  li  {background: }
.vMenuSub li a, .vMenuSub li a:visited{ background: url(../images/arrow.png) no-repeat left 2px; padding:0 0 0 20px; color:#000000; text-decoration:none; height:20px; line-height:20px; font-size:12px; display:block; }
.vMenuSub li a:hover{ background:#ececec url(../images/arrow.png) no-repeat left 2px; color:#3f98c5; text-decoration:none; }
/* vertical slider menu classes ends */


/* vertical slider menu classes begins */

.accordianWraper { margin-top:10px; }
.accordianWraper #nav {	background:#ffffff; color:#333333; border:1px  solid #ffc676; }
.accordianWraper #nav dt b { display: block; padding:0 0 0 10px; font-weight:normal; font-size: 16px; cursor:pointer; color:#652d10; line-height:25px; height:25px; background:#ffc676; margin-top:1px; text-transform:uppercase;}
.accordianWraper #nav dt b:hover {	background:#ffaa00; color:#000000; }
.accordianWraper #nav dt b.clicked { display: block; padding:0 0 0 10px; font-weight:normal; font-size: 16px; cursor:pointer; line-height:25px; height:25px; margin-top:1px; background:#ffaa00; color:#000000; text-transform:uppercase; }
.accordianWraper #nav dd {	padding:10px; }
/* vertical slider menu classes ends */


.sms_panel { margin-bottom:20px;}
.sms_panel table { width:100%;}
.threadlisthead {background: #E0E7EE; border: 1px solid #D9D9D9; color: #000000; margin:15px 0 0 0; padding: 4px 10px ;}
.messageArea { background:#F3F3F3; padding:10px; border-right: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
.title { border-bottom: 1px solid #C8C8C8; margin-bottom: 5px; color:#800000; padding-bottom: 5px;}
.title1 { border-bottom: 1px solid #C8C8C8; margin-bottom: 5px; color:#669900; padding-bottom: 5px;}
.postrow { overflow: auto; color: #464646; padding: 5px 10px 10px;}
.smsComtent { color: #464646; }
.after_smsComtent{ padding: 10px 0 0 0; border-top: 1px solid #DDDDDD; margin-top:20px}
.replySms {  background:url(../Images/reply.png) no-repeat left top; width:75px; height:26px; margin-bottom:15px; float:right; display:block; }
.deletesms {   background:url(../Images/delete.png) no-repeat left top; width:75px; height:26px; margin-bottom:15px; float:right; display:block; }

.MultilineTextBox
{
    background:White;
    width: 318px;
	color : #2D2D2D;
	height:50px;
	border:1px solid #cbcbcb;
	border-radius:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 resize:none;
 font-family:Arial, Helvetica, sans-serif;
}

.CommentButton{ background:#800000; border:none; color:#ffffff; padding:3px 15px;border:1px solid #4B4B4B;border-radius:3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;}

.wrapp { padding:0 10px;}
.forumDiv { background: #F9F9F9; border: 1px solid #D6D9D9; margin-bottom:10px; border-radius: 4px 4px 4px 4px; padding: 19px 19px 5px;}
.cmnt-header { margin-bottom: 15px;}
.forumDiv h5 { margin:0; padding:0; color:#778596; font-size:14px; font-weight:bold; line-height:17px; }
h6.forumTitle { font-size: 12px; line-height: 18px; margin:0; padding:0; color:#000000; font-weight:normal; }
.forumDate { color: #778596; font-size:12px; line-height:17px;}
.forumDiv p { line-height:18px; margin:0; padding:0; color:#000000; font-weight:normal; }
.forumUntil { border-top: 1px solid #DDDDDD; padding-top: 10px;}
.cmnt-options {}
ul.cmnt-options {}
ul.cmnt-options li { float: left; margin: 0 10px 0 0; list-style-type:none; }
ul.cmnt-options li a, ul.cmnt-options li a:visited { font-size:12px; color: #003399; float:left; display:block; margin:0; padding:0;  text-decoration:none; list-style-type:none;}
.marrleft {margin:0 0 0 190px;}

.fLeft { float:left; }
.fRight { float:right; }

.forum { margin:0 0 15px 0;}
button:disabled, button:disabled:hover { background: #F3F3F3; border-color: #DDDDDD; color: #666666; cursor: default; }
.Ques { font-size:12px; border-bottom:1px solid #cccccc; padding:10px 0; margin-bottom:10px; }
.Ques a { color:#0066CC; text-decoration:none; display:block; font-size:14px; float:left; margin-right:30px;}
.Ques span {  }
.subj { }
.subj label { font-size:12px; line-height:18px; margin-right:10px; width:120px; display:block; float:left; }
.subj input[type=text] { width:80%; padding:2px; font-size:12px; color:#686868; }
.subj textarea { width:80%; font-size:12px; color:#686868; margin-top:10px; }
.margB { margin:10px 0;}
.quesName { font-size:14px; color:#000; font-weight:bold;}
.rfverror{color:Red;margin:0 0 0 130px}
.mainWrap {
    width:100%;
}


.top-text {

   width:100%;
}

.box-1 {

   width:100%;
   margin-top:10px;
}

.box-2 {

   width:100%;
   margin-top:10px;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1039px) {


.mainWrap {
    width:100%;
}


.top-text {

   width:100%;
}

.box-1 {

   width:100%;
   
}

.box-2 {

   width:100%;
  
}

.copyright {  width: 367px; color:#666666; height:30px; line-height:30px; font-size:11px; font-weight:bold;  }

#topLinks { margin:91px 5px 0 0; width:100% }
#topLinks ul { }
#topLinks ul li { float:left; margin-left:10px; }
#topLinks ul li a, #topLinks ul li a:visited { float:left; color:#ffffff; text-decoration:none; line-height:25px; font-weight:bold; }
#topLinks ul li a:hover { color:#ffea00; text-decoration:none; }
#topLinks ul li.logout a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout a:hover { color:#ff6915; text-decoration:none; }
#topLinks ul li.wellcome { color:#ffffff; line-height:25px;}
#topLinks ul li.logout1 a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; margin-top:-10px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout1 a:hover { color:#ff6915; text-decoration:none; }


}

@media only screen and (max-width: 995px) {


.mainWrap {
    width:100%;
}


.top-text {

   width:80%;
}

.box-1 {

   width:80%;
}

.box-2 {

   width:80%;
}

.copyright {  width: 367px; color:#666666; height:30px; line-height:30px; font-size:11px; font-weight:bold;  }

#topLinks { margin:91px 5px 0 0; width:100% }
#topLinks ul { }
#topLinks ul li { float:left; margin-left:10px; }
#topLinks ul li a, #topLinks ul li a:visited { float:left; color:#ffffff; text-decoration:none; line-height:25px; font-weight:bold; }
#topLinks ul li a:hover { color:#ffea00; text-decoration:none; }
#topLinks ul li.logout a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout a:hover { color:#ff6915; text-decoration:none; }
#topLinks ul li.wellcome { color:#ffffff; line-height:25px;}
#topLinks ul li.logout1 a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; margin-top:-10px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout1 a:hover { color:#ff6915; text-decoration:none; }

}
@media only screen and (max-width: 767px) {


.mainWrap {
    width:100%;
}


.top-text {

   width:50%;
}

.box-1 {

   width:50%;
}

.box-2 {

   width:50%;
}

.copyright {  width: 367px; color:#666666; height:30px; line-height:30px; font-size:11px; font-weight:bold;  }

#topLinks { margin:91px 5px 0 0; width:100% }
#topLinks ul { }
#topLinks ul li { float:left; margin-left:10px; }
#topLinks ul li a, #topLinks ul li a:visited { float:left; color:#ffffff; text-decoration:none; line-height:25px; font-weight:bold; }
#topLinks ul li a:hover { color:#ffea00; text-decoration:none; }
#topLinks ul li.logout a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout a:hover { color:#ff6915; text-decoration:none; }
#topLinks ul li.wellcome { color:#ffffff; line-height:25px;}
#topLinks ul li.logout1 a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; margin-top:-10px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout1 a:hover { color:#ff6915; text-decoration:none; }

}


@media only screen and (max-width: 480px) {
	


.mainWrap {
    width:100%;
}


.top-text {

   width:30%;
}

.box-1 {

   width:30%;
}

.box-2 {

   width:30%;
}

.copyright {  width: 367px; color:#666666; height:30px; line-height:30px; font-size:11px; font-weight:bold;  }

.clearfix:after { content: " "; font-size:0; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block }
.clearfix { display:block }
* html .clearfix { height: 1px; }
.clear { clear: both; }

#topLinks { margin:91px 5px 0 0; width:100% }
#topLinks ul { }
#topLinks ul li { float:left; margin-left:10px; }
#topLinks ul li a, #topLinks ul li a:visited { float:left; color:#ffffff; text-decoration:none; line-height:25px; font-weight:bold; }
#topLinks ul li a:hover { color:#ffea00; text-decoration:none; }
#topLinks ul li.logout a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout a:hover { color:#ff6915; text-decoration:none; }
#topLinks ul li.wellcome { color:#ffffff; line-height:25px;}
#topLinks ul li.logout1 a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; margin-top:-10px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout1 a:hover { color:#ff6915; text-decoration:none; }

}




@media only screen and (max-width: 320px) {

.clearfix:after { content: " "; font-size:0; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block }
.clearfix { display:block }
* html .clearfix { height: 1px; }
.clear { clear: both; }	

.mainWrap {
    width:100%;
}


.top-text {

   width:24%;
}

.box-1 {

   width:24%;
}

.box-2 {

   width:24%;
}

.copyright {  width: 367px; color:#666666; height:30px; line-height:30px; font-size:11px; font-weight:bold;  }

#topLinks { margin:91px 5px 0 0; width:100% }
#topLinks ul { }
#topLinks ul li { float:left; margin-left:10px; }
#topLinks ul li a, #topLinks ul li a:visited { float:left; color:#ffffff; text-decoration:none; line-height:25px; font-weight:bold; }
#topLinks ul li a:hover { color:#ffea00; text-decoration:none; }
#topLinks ul li.logout a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout a:hover { color:#ff6915; text-decoration:none; }
#topLinks ul li.wellcome { color:#ffffff; line-height:25px;}
#topLinks ul li.logout1 a, #topLinks ul li.logout a:visited { float:left; display:block; background:url(../images/logout-tab.png) no-repeat left top; width:55px; height:25px; line-height:27px; margin-top:-10px; color:#000000; text-decoration:none; padding-left:30px; }
#topLinks ul li.logout1 a:hover { color:#ff6915; text-decoration:none; }

}