@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
@import "fonts/font-awesome.css";

@font-face {
    font-family: 'CalibriRegular';
    src: url('fonts/calibri-webfont.eot');
    src: url('fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri-webfont.woff') format('woff'),
         url('fonts/calibri-webfont.ttf') format('truetype'),
         url('fonts/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CalibriBold';
    src: url('fonts/calibrib-webfont.eot');
    src: url('fonts/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibrib-webfont.woff') format('woff'),
         url('fonts/calibrib-webfont.ttf') format('truetype'),
         url('fonts/calibrib-webfont.svg#CalibriBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*****************************************************************************************************************
COMMON TAGS
*****************************************************************************************************************/

body, div, h1, h2, h3, p, ul, ol, li, img, table, form {
	padding: 0px; margin: 0px; border: 0px; list-style: none;
}

a		{color:#007174; text-decoration:underline;}
a:hover	{color:#000; text-decoration:none;}
a       {outline:none;}


body, html, form {height: 100%;}

body {  font-family:Arial, CalibriRegular, Helvetica, sans-serif; font-size  : 12px; color: #000; background:#eae9e5 url('images/bg.gif');}

table {	border-collapse: collapse;}

.clear { clear:both;}
.spacer { background:none; height:10px; width:100%; clear:both; display:block; }


p{margin:0px 0px 12px 0px; padding:0px; text-align:left; line-height:13pt;}
.hr{border:1px dashed #ccc; border-width: 1px 0px 0px 0px;}


ul  {padding:0px; margin:0px;}
li {list-style:none; padding:0px; margin:0px; }
.list li { list-style-image: url('images/bullet1.gif'); padding: 0px; margin:0px 0px 0px 20px; line-height: 13pt; vertical-align:text-top; }

.txt_cent { text-align:center;}
.fl_right { float:right;}

.red { color:#c80000;}

#form1 { opacity:0;}
.scrollup{ width:30px; height:30px;	text-indent:-9999px; position:fixed; bottom:10px; right:20px; display:none; background: url('images/top.png') no-repeat; z-index:999999999;}

.mob-show { display:none; }

/*****************************************************************************************************************
COMMON TAGS ENDS HERE
*****************************************************************************************************************/


/*****************************************************************************************************************
WRAPPER 
*****************************************************************************************************************/

.wrapper        {position: relative; width:980px; margin:0px auto; text-align: left; background:#fff; box-shadow: 0px 0px 6px #999;}
.wrapper        {min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -350px;/* the bottom margin is the negative value of the footer's height */}
.footer         {position: relative; width: 100%; margin: 0 auto; background: #3f4142 url('images/bg-footer.gif') repeat-x top;}
.footer, .push  {height: 350px; clear:both;/* .push must be the same height as .footer */}

.wrap-row { width:980px; margin:0 auto; float:none;}

/*****************************************************************************************************************
WRAPPER ENDS
*****************************************************************************************************************/



/*****************************************************************************************************************
HEADER
*****************************************************************************************************************/
#advertisement-bar { width:100%; padding: 10px 0px; background:#eae9e5 url('images/bg.gif'); }
#advertisement-bar .advt-row { display:table-row; width:100%;}
#advertisement-bar .advt-col { display:table-cell; width:auto; padding:0px 3px;}

#headerpan		{width:100%; background:#FFF; z-index:9999; border-top: 4px solid #007b7e; }
#header			{width:980px; margin:0px auto; float:none; clear:both;}
#header .header-row { display:table-row; width:100%; padding: 10px; float:left; position:relative; }
#header .header-row .logo	{padding:0px; margin:0px;display:table-cell; vertical-align:top; width:250px; position:relative;}
#header .header-row .top-right	{  width:700px; height:100px; padding:00px; margin:0px; display:table-cell; text-align:right; vertical-align:top; position:relative;}
#header .header-row .top-right .headline  { text-align:right; float:right; width:100%;   margin:0px; padding-top:00px; _position:relative; bottom:0; vertical-align:text-bottom}
#header .header-row .top-right .headline h2 { width:auto; float:right; text-align:right; color:#01aaad; font-size:19px; font-family:Calibri, 'CalibriRegular';}
#header .header-row .top-right a { text-decoration:none; color:#333;} #header .header-row .top-right a:hover { text-decoration:underline; color:#007174;}


.subscriberlogin { }

#navigation			{width:100%; margin:0px; padding:0px; float:left;  background:#01aaad; clear:both;  }

#search-bar			{width:100%; margin:0px; padding:5px 0px; float:left;  background:#e2e2e2; clear:both;  }
#search-bar .search-row { display:table-row; width:100%; padding:0px; float:left; position:relative; }
#search-bar .search-row .search-left {padding:0px 5px; margin:0px;display:inline-block;  float:left; vertical-align:top; width:60%;}
#search-bar .search-row .search-right {padding:0px 5px; margin:0px; display:inline-block; float:right; vertical-align:top; width:25%; text-align:right}

#search-bar .search-row ul { padding:0px; margin:0px;}
#search-bar .search-row ul li { padding:0px 10px 0px 0px; margin:0px; list-style:none; float:left; line-height:25px; text-align:left; }
#search-bar .search-row .search_input { width: 200px; padding: 4px 6px; font-size:12px; font-family: Arial; color: #333; background: #fff; border: 1px solid #c1c1c1; outline:none;}
#search-bar .search-row .search_input:focus { color: #000; border: 1px solid #333; }

.search_input1 { width: 100px; padding: 4px 6px; font-size:12px; font-family: Arial; color: #333; background: #fff; border: 1px solid #c1c1c1; outline:none;}
.search_input1:focus { color: #000; border: 1px solid #333; }

/*****************************************************************************************************************
HEADER ENDS
*****************************************************************************************************************/


/*****************************************************************************************************************
HOME STYLING
*****************************************************************************************************************/

#home-containerpan		{width:100%; background:#FFF; padding: 10px 0px;}
#home-container			{width:950px; margin:0px auto; padding:0px; float:none; }

#news-containerpan		{width:100%; }
#news-containerpan .ticker-head	 {width:130px; margin:0px auto; padding: 8px 10px; display:table-cell;  background:#01aaad; color:#fff;	font-size:13px; text-transform:uppercase;}
#news-containerpan .ticker-news	 { width:780px; margin:0px auto; padding: 8px 10px;  display:table-cell; background:#ecfdfd; border:1px solid #a2d3d4;}
#news-containerpan .news-marquee { max-width: 768px; overflow: hidden; color:#333;}



#home-container .home-row { width:100%; padding:0px; margin:7px 0px; display:table-row; float:left; text-align:left; white-space:normal;  }
#home-container .home-row .home-col-gap { width:15px; padding:0px; margin:0px; display:table-cell; vertical-align:top;}

#home-container .home-row .home-col { width:750px; padding:0px; margin:0px; display:table-cell; vertical-align:top; }
#home-container .home-row .home-col-gallery { width:595px; padding:0px; margin:0px; display:table-cell; vertical-align:top; }
#home-container .home-row .home-col-poll {width:310px; background:#ffffed; border:1px solid #e7e7bc; padding:15px;  margin:0px; display:table-cell; vertical-align:top; }
#home-container .home-row .home-col-issue { width:150px; background:#daf8f9; border:1px solid #bed6e1; padding:15px; margin:0px; display:table-cell; vertical-align:top;}

#home-container .home-row .home-col1 { width:120px; background:#daf8f9; border:1px solid #bed6e1; padding:15px; margin:0px; display:table-cell; vertical-align:top;}
#home-container .home-row .home-col2 { width:400px; background:#f0faff; border:1px solid #bed6e1; padding:15px; margin:0px; display:table-cell; vertical-align:top;}
#home-container .home-row .home-col3 { width:310px; background:#f4f8fa; border:1px solid #bed6e1; padding:15px; margin:0px; display:table-cell; vertical-align:top;}



.home-row h2 {color:#007b7e; font-size:20px; font-family:Georgia; font-weight:normal; border-bottom:1px solid #333; min-height:30px; padding:0px; margin:0px 0px 20px 0px;  }


ul.currentpoll { padding:0px; margin:0px; }
ul.currentpoll p { padding:0px; margin:0px;}
ul.currentpoll li { padding:0px; margin:0px 0px 10px 0px; list-style:none;}

ul.home-news { padding:0px;  margin:0px 0px 15px 0px; }
ul.home-news p { padding:0px; margin:0px;}
ul.home-news li { padding: 0px 0px 0px 20px; margin:0px 0px 15px 0px; background:url(images/bullet.gif)no-repeat top left; background-position: 0px 0px;}
ul.home-news li a { text-decoration:none; color:#333;} ul.home-news li a:hover { text-decoration:underline; color:#007174;}

ul.home-disboard { padding:0px;  margin:0px 0px 15px 0px; min-width:300px;}
ul.home-disboard p { padding:0px; margin:0px;}
ul.home-disboard li { padding: 0px 0px 10px 0px; margin:0px 0px 10px 0px; list-style:none; border-bottom:1px dashed #cfcfcf;}
ul.home-disboard li a { text-decoration:none; color:#333;} ul.home-disboard li a:hover { text-decoration:underline; color:#007174;}
ul.home-disboard li .db-date { clear:both; font-style:italic; margin:5px 0px; }

.home-book-name { color:#007b7e; font-size:13px; font-weight:bold; text-decoration:none; text-align:center; padding:5px 5px; display:block;}
.home-book-pic { text-align:center; padding:5px 0px; display:inline-block; clear:both;}
.home-book-pic img { height:175px; width:auto; margin-bottom:5px;}
.home-book-desc { color:#3f3f3f; font-size:13px; text-decoration:none;text-align:center; padding:5px 5px;display:block;}


.home-event-name { color:#007b7e; font-size:13px; font-weight:bold; text-decoration:none; text-align:center; padding:0px 5px; display:block;}
.home-event-pic { text-align:center; padding:5px 0px; display:inline-block; clear:both;}
.home-event-pic img {   width:auto; margin-bottom:5px;}
.home-event-desc { color:#3f3f3f; font-size:13px; text-decoration:none;text-align:center; padding:5px 5px;display:block;}

/*****************************************************************************************************************
HOME STYLING ENDS
*****************************************************************************************************************/



/*****************************************************************************************************************
BODY
*****************************************************************************************************************/


#body-containerpan		{width:100%; background:#FFF; padding: 10px 0px;}
#body-container			{width:950px; margin:0px auto; float:none; }
#body-container .body-left		{width:750px; padding:0px; margin:0px;  float:left; }
#body-container .body-right		{width:180px; padding:0px; margin:0px; float:right;}

.content					{width:100%; float:left; margin:0px; padding:0px;}


/*========== Body Right Menu =======================================*/


/*========== Body Right Search  =======================================*/

/*========== About Section =======================================*/



/*****************************************************************************************************************
BODY ENDS
*****************************************************************************************************************/






/*****************************************************************************************************************
FOOTER
*****************************************************************************************************************/

#footer			{width:100%; margin:0px auto; float:none; }
#footer .footer-contact { padding:0px; background:#e2e2e2; border-top: 1px dashed #a8a8a8; display:table; width:100%; }
#footer .footer-contact .left-contact { padding:10px 10px 0px 10px; margin:0px; display:table-cell; width:48%; vertical-align:top; white-space:normal; text-align:left; }
#footer .footer-contact .right-contact { padding: 10px 10px 0px 10px; margin:0px; display:table-cell; width:48%; vertical-align:top;}
#footer .footer-contact .right-contact .left {float:left; width:65%;}
#footer .footer-contact .right-contact .right {float:left;  width:35%; padding: 15px 0 0 0; text-align:center;} 
#footer .footer-contact .right-contact .right a{text-decoration:none;}

#footer .footer-links { padding: 10px 0px 0px 0px; display:table; width:100%; }
#footer .footer-links .footer-links-col { padding: 0px 20px; margin:10px; display:table-cell; width:20%; border-right:1px dashed #878888; vertical-align:top; }
#footer .footer-links .last-col { border:none;}

#footer .footer-links .footer-links-col ul { padding:0px; margin:0px;}
#footer .footer-links .footer-links-col ul li { padding:3px; margin:0px; list-style:none; font-size:11px;}
#footer .footer-links .footer-links-col ul ul { margin:2px 0px;}
#footer .footer-links .footer-links-col ul li li { padding:3px; margin:0px 3px; list-style:none; font-size:11px;}

#footer .footer-links a { text-decoration:none; color:#eee;}
#footer .footer-links a:hover { text-decoration:underline; color:#fff;}

/*list*/
ol.alpha{margin-left:15px}
ol.alpha li{list-style:lower-alpha !important;margin-bottom:7px;}
ul.bullet{margin-left:15px; margin-bottom:15px;}
ul.bullet li{list-style:disc;margin-bottom:7px;}
p.mb-1{margin-bottom:5px !important}

/*****************************************************************************************************************
FOOTER ENDS
*****************************************************************************************************************/


/*****************************************************************************************************************
Search Right Start
*****************************************************************************************************************/

.searchbox { background:#daf8f9; border:1px solid #bed6e1; padding:15px; display:block;}
.searchbox h2 {color:#007b7e; font-size:18px; font-family:Georgia; font-weight:normal; border-bottom:1px solid #333; min-height:30px; padding:0px; margin:0px 0px 20px 0px;  }

#search-rightbar		{width:100%; margin:0px; padding:0px 0px; float:left;  clear:both;  }
#search-rightbar .search-row { display:table-row; width:100%; padding:0px; float:left; position:relative; }
#search-rightbar .search-row ul { list-style:none; padding:0px; margin:0px;}
#search-rightbar .search-row ul li {list-style:none; padding:0px 5px 5px 0px; margin:0px 0px 0px 0px; list-style:none; float:left;}
#search-rightbar .search-row li.spacer { height:8px; margin:0px; padding:0px; display:block; float:left;}
#search-rightbar .search-row .search_input { width: 103px; padding: 4px 4px; font-size:11px; font-family: Arial; color: #333; background: #fff; border: 1px solid #c1c1c1; outline:none;}
#search-rightbar .search-row .search_input:focus { color: #000; border: 1px solid #333; }

/*****************************************************************************************************************
Search Right End
*****************************************************************************************************************/


/*****************************************************************************************************************
Events
*****************************************************************************************************************/

.suggest_event { background:#daf8f9; border:1px solid #bed6e1; padding:15px; display:block;}
.suggest_event h2 { color:#007b7e; font-size:18px; font-family:Georgia; font-weight:normal; border-bottom:1px solid #333; min-height:30px; padding:0px; margin:0px 0px 20px 0px;  }
.suggest_event h4 {color:#000; font-size:16px; font-family:Georgia; font-weight:normal;      }


.suggest_event ul { list-style:none; padding:0px; margin:0px;}
.suggest_event ul li {list-style:none; padding:0px 5px 5px 0px; margin:0px 0px 0px 0px; list-style:none; width:100%;  }
.suggest_event li.spacer { height:8px; margin:0px; padding:0px; display:block; float:left;}
.suggest_event .input_suggest { width: 96%; padding: 4px 2%; font-size:11px; font-family: Arial; color: #333; background: #fff; border: 1px solid #c1c1c1; outline:none; resize:none; }
.suggest_event .input_suggest:focus { color: #000; border: 1px solid #333; }

.submit_suggest { width: 100%; height: 22px; background:#007b7e; color:#fff; font-size:13px; font-weight:normal; border:1px solid #005052; cursor: pointer; }
.submit_suggest:hover { background: #007b7e; color:#fff; }


.events        {display:table;  margin: 0px 0px;   }
.events-row    {display:table-row;  width:100%; vertical-align:top; float:left; margin-bottom:30px; padding-bottom:20px; border-bottom:1px dotted #ccc;}
.events-row:last-child { border-bottom:none;}
.events-colleft    {display:table-cell; width:220px; position:relative; padding:0px; vertical-align:top; text-align:left;    }
.events-colright    {display:table-cell; width:500px; position:relative; padding:0px; vertical-align:top; }

.events p { margin-bottom:10px;}
.elogo { border:1px solid #007b7e; margin-bottom:10px;}
.ename { color:#007b7e; font-family:Georgia; font-size:20px;  padding-bottom:15px; }

.icon-date, .icon-venue, .icon-web, .icon-details, .icon-gallery, .icon-pdf { padding-left:25px; }
.events-row .fa { width:30px; text-align:center; margin-left:-30px; font-size:15px;  line-height:18px; float:left; }

/*****************************************************************************************************************
Events End
*****************************************************************************************************************/


/*****************************************************************************************************************
Advertise Pages Section Start 
*****************************************************************************************************************/
.advertise-table {display:table; width:100%; font-size:12px; color:#007b7e; margin: 10px 0px; border:1px solid #9ee0e0; }
.advertise-table tr{display:table-row; line-height:12pt;  }
.advertise-table td{display:table-cell;  vertical-align:top; border:1px solid #9ee0e0; border-width:0px 1px 1px 0px;}

.advertise{margin:0px auto; padding:10px 20px 0px 20px; background:#daf8f9; border:1px solid #bed6e1; }
.greentext {font-family:Arial; font-size  : 14px; color:#007b7e; font-weight:normal; text-decoration:none;}
/*****************************************************************************************************************
Advertise Pages Section End
*****************************************************************************************************************/

/*****************************************************************************************************************
About Section Start 
*****************************************************************************************************************/
.about-table td{display:table-cell;  vertical-align:top; border:1px dashed #9ee0e0; }

/*****************************************************************************************************************
About Section End 
*****************************************************************************************************************/

/*========== Contact Section =======================================*/
.cnt-detail                 {width:100%; margin:0px; padding:0px;}
.cnt-detail ul.cntlist      {list-style:none; padding:0px; margin:0px; width:50%}
.cnt-detail ul.cntlist li   {list-style:none; padding:5px 0px 5px 0px; margin:0px; border-bottom:1px dashed #ccc; line-height:15pt;}

.cnt-detail ul.cntlist li.icon-add      {background:url(images/icon-add.png) no-repeat left; padding-left:40px; display:block;}
.cnt-detail ul.cntlist li.icon-tel      {background:url(images/icon-tel.png) no-repeat left; padding-left:40px; display:block;}
.cnt-detail ul.cntlist li.icon-fax      {background:url(images/icon-fax.png) no-repeat left; padding-left:40px; display:block;}
.cnt-detail ul.cntlist li.icon-email    {background:url(images/icon-email2.png) no-repeat left; padding-left:40px; display:block;}


/*****************************************************************************************************************
Sitemap Section Start 
*****************************************************************************************************************/
#sitemap			{width:97%; margin:0px auto; padding:0px; float:none; }

#sitemap .sitemap-links { padding: 0px 0px 0px 0px; display:table; width:100%; }
#sitemap .sitemap-links .sitemap-links-col { padding: 0px 20px; margin:10px; display:table-cell; width:20%; border-right:1px dashed #878888; vertical-align:top; }
#sitemap .sitemap-links .last-col { border:none;}

#sitemap .sitemap-links .sitemap-links-col ul { padding:0px; margin:0px;}
#sitemap .sitemap-links .sitemap-links-col ul li { padding:5px 3px; margin:0px; list-style:none; font-size:13px;}
#sitemap .sitemap-links .sitemap-links-col ul ul { margin:2px 0px;}
#sitemap .sitemap-links .sitemap-links-col ul li li { padding:5px 0px 5px 20px; margin:0px 3px; list-style:none; font-size:12px; background:url(images/bullet.gif) no-repeat left;}

#sitemap .sitemap-links a { text-decoration:none; color:#007b7e;}
#sitemap .sitemap-links a:hover { text-decoration:underline; color:#000;}

/*****************************************************************************************************************
Sitemap Section End 
*****************************************************************************************************************/



/*****************************************************************************************************************
HEADER TAGS
*****************************************************************************************************************/
h1, h2, h3, h4, h5, h6 {font-style:normal; font-weight:normal; margin:0px; padding:0px;   font-family:Arial, Helvetica, sans-serif; }

h1      {font-size:21px;  }
h2      {font-size:16px; color:#000; line-height:18px;}
h3      {font-family:Arial black, Arial; font-size:16px; font-weight:normal; color:#1e1e1e; line-height:17pt;}
h3      a{text-decoration:none; color:#000;}
h3      a:hover{text-decoration:underline; color:#007b7e}
h2.formtext { font-family:GeorgiaRegular; font-size  :20px; font-weight: normal; color: #007b7e; display:inline-block; margin-right:5px;}
h2.add          {font-size:15px; margin-bottom:0px;}

/*****************************************************************************************************************
HEADER TAGS ENDS HERE
*****************************************************************************************************************/



/*****************************************************************************************************************
BREADCRUMB
*****************************************************************************************************************/
#breadcrumbs-bar { width:100%; padding:0px 0px 5px 0px; margin:15px 0px 20px 0px;  float:left; border-bottom:1px solid #333;}
#breadcrumbs-bar .right-bar { float:right; border:0px; }


.breadcrumbs { padding:0px; width:auto; float:left; font-family: Georgia, Arial; font-size:12px;    font-weight:normal; 	list-style-type:none;	list-style-image:none; }
.breadcrumbs .last { text-align:left; background:none;  font-weight:bold; font-size: 16px; color: #2389c0; }
.breadcrumbs li { float:left; line-height:14pt; vertical-align:top; margin: 0px; list-style:none;  padding:0px 6px 1px 0px; }
.breadcrumbs li a {    line-height: 20px;}
.breadcrumbs li a:link, .breadcrumbs li a:visited { text-decoration:none; color:#585858; font-weight:normal;    }
.breadcrumbs li a:hover, .breadcrumbs li a:focus { color:#000; font-weight:normal; text-decoration:underline; }
.breadcrumbs li {color:#007b7e; font-size:14px; }
.breadcrumbs li.caps {color:#585858; font-size:14px; }
.breadcrumbs li h1 {color:#007b7e; font-size:20px; font-family:Georgia; font-weight:normal; }

ul.right-links { padding:0px; margin:0px; text-align:right;}
ul.right-links li { padding:0px 0px 0px 0px; margin:0px; list-style:none; display:inline-block;}
ul.right-links li a { text-decoration:none; }

.issue-date {font-family:Arial; font-size  : 13px; color:#3c3c3c; line-height:130%;  font-style:italic; font-weight:bold;}
.issue-date span { font-family:Arial; color:#007b7e; font-size:12px; text-decoration:none; font-style:italic; line-height:15pt;}


/*****************************************************************************************************************
BREADCRUMB ENDS
*****************************************************************************************************************/


/*****************************************************************************************************************
RIGHT MENU START
*****************************************************************************************************************/

#sub-menu {width:180px; margin:0px; float:none; display:table-cell; padding:0px 0px; background:#daf8f9; border:1px solid #bed6e1; padding-bottom:10px;  }
#sub-menu #navlist    {list-style:none; padding:0px; margin:0px 10px 0px 8px; font-size:15px; position:relative; width:auto;}
#sub-menu #navlist  ul {list-style:none; padding:0px; margin:100px; color:#333;}
#sub-menu #navlist li {list-style:none; line-height: 14pt; text-align:left; margin:0px; font-size:14px; border-bottom:1px solid #99c6c7; background:url(images/bullet-right.gif) no-repeat; padding: 7px 10px 7px 20px;}
#sub-menu #navlist  li a { text-decoration:none; color:#333; }
#sub-menu #navlist li a:hover { text-decoration:none; color:#007b7e; }
#sub-menu #navlist li a.active { color: #007b7e; }
#sub-menu div   {visibility:hidden; position:absolute; }


/*****************************************************************************************************************
RIGHT MENU ENDS
*****************************************************************************************************************/



/***********************************************************/
/******************** Subscribe Section *********************/
#form {width:100%; margin:0px auto; padding:0px; float:none; display:block;}
#subscriber-login {width:100%; margin:0px auto; padding:0px; float:none; }
#subscriber-login .login-data { width:95%; margin:0px auto; float:none;  }

ul.form-box {list-style:none; padding:0px; margin:0 auto; width:95%; float:none;}
ul.form-box li {list-style:none; padding:0px; margin:3px 0px; display:inline-block; vertical-align:top}
ul.form-box li.name {width:100px; padding:5px 0px; margin:0px; float:left; color:#000;}
ul.form-box li.collan {width:20px; padding:5px 0px; margin:0px; float:left;}
ul.form-box li.box {width:290px; padding:0px; margin:0px; float:left}
.tb-submit { width: auto; height: 22px; background:#007b7e; color:#fff; font-size:13px; font-weight:normal; border:1px solid #005052; cursor: pointer; }
.tb-submit:hover { background: #007b7e; color:#fff; }

.login-title {background:#007b7e; padding:5px; margin-bottom:10px; color:#fff; font-size:16px; display:block; }
.login-text{line-height:14pt; color:#000;}
a.forgot-pwd:link, a.forgot-pwd:visited, a.forgot-pwd:active{font-family:Arial; font-size  : 12px; color:#007174; line-height:130%; text-decoration:underline;}
a.forgot-pwd:hover{font-family:Arial; font-size  : 12px; color:#000; line-height:130%; font-weight:normal; padding-top:5px; }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 320px) 
  {
.hide {display:none;}         
ul.form-box {list-style:none; padding:0px; margin:0 auto; width:95%; float:none;}
ul.form-box li {list-style:none; padding:0px; margin:0px; width:100%; vertical-align:top}
ul.form-box li.name {width:100%; padding:5px 0px; margin:0px; float:left; color:#000;}
ul.form-box li.collan {width:20px; padding:5px 0px; margin:0px; float:left; display:none;}
ul.form-box li.box {width:100%; padding:0px; margin:0px; float:left}

}

/*****************************************************************************************************************
PAGGING
*****************************************************************************************************************/
.paging {width:100%; margin:0px auto; float:right; background:#fff; margin-bottom:0px; padding:15px 0px 5px; border:0px solid #ccc; text-align:center;}

.paging .pg-left { float:left; display:inline-block;}
.paging .pg-right { float:right; display:inline-block;}

@media (max-width: 575.98px){
.paging .pg-left {margin-bottom:10px;}
}

.paging .pg-left span { color:#007b7e; font-weight:bold;}

.paging ul li {display:inline-block; list-style:none; color:#fff; list-style-type:none; list-style-image:none; margin:0px 5px 0px 0px;}

.pgr li a {font-size:12px; font-weight:normal; color:#333; text-decoration:none; text-align:center; padding: 4px 8px; display:inline-block;}
.pgr li {overflow: hidden; position: relative; color:#333;  background:#fff; border:1px solid #929292;  -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;  -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.pgr li:hover {background: #daf8f9; color:#333;}

.paging .pgr li a:visited {font-weight:normal; color: #333; text-decoration:none; text-align:center;}
.paging .pgr li a:active {font-weight:normal; color: #333; text-decoration:none; text-align:center;}
.paging .pgr li a:hover {font-weight:normal; color: #333; text-decoration:none; text-align:center;}

.pgr li.focus {overflow: hidden; position: relative; background:#daf8f9; border:1px solid #68afb1; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}

/*****************************************************************************************************************
PAGGING ENDS
*****************************************************************************************************************/




/*****************************************************************************************************************
TABLE STYLING
*****************************************************************************************************************/

.th { background:#01aaad; padding: 6px 4px; line-height:14pt; font-size:12px; font-weight:bold; color:#fff;  }
.tc {  color:#333; background:#e3fdfd; padding: 6px 4px;}
.tc1 {  color:#333; background:#fff; padding: 6px 4px;}
.tch {  color:#333; background:#c4f2f2; padding: 6px 4px;}


.div-table {display:table; width:100%; font-size:12px; color:#333; margin: 10px 0px; border:0px solid #c5d4ed; }
.div-table tr{display:table-row; line-height:12pt;  }
.div-table td{display:table-cell;  vertical-align:top; border:1px dashed #ccc; border-width:0px 0px 1px 0px;}



.div-column {display:table; width:100%; font-size:12px; color:#333; margin: 10px 0px;}
.div-column-row a{ color:#333; text-decoration:none;} .spec-column-row a:hover{ color:#456aab; text-decoration:underline;}
.div-column-row{display:table-row; line-height:12pt; }
.div-column-col{display:table-cell; padding: 0px 20px 0px 00px; width:100%; vertical-align:top; border:1px solid #c5d4ed; border-width:0px 0px 0px 0px;}


.search-btn {background:red; color:#fff; background-position: 10px 3px; padding: 5px; border:1px solid rgb(200,0,0); text-decoration:none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; }
.search-btn:hover {color:#fff; text-decoration:underline}

@media (max-width:575.98px){
.search-btn {display:inline}
}

@media (max-width:320.98px){
.search-btn {display:inherit}
}

/*****************************************************************************************************************
TABLE STYLING ENDS
*****************************************************************************************************************/

/*****************************************************************************************************************
ICON STYLING
*****************************************************************************************************************/
.icon-lock { background:#ecfdfd url('images/icon-lock.png') no-repeat left; background-position: 10px 3px; padding: 5px 5px 5px 30px; border:1px solid #01aaad; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; }
 


/*****************************************************************************************************************
ICON STYLING
*****************************************************************************************************************/



/*****************************************************************************************************************
FORM STYLING
*****************************************************************************************************************/

.form_box { width: 100%; margin: 10px 0; padding: 0px; overflow: hidden; font-family: Arial; }

.form_box .float_left {float:left; width:215px; }
.form_box .float_left .normal_input { width: 160px;}

.form_txt { font-family: Arial; color:#007b7e; font-size:14px; }
.small_txt { font-family: Arial; color:#007b7e; font-size:11px; }

.form_row { width: 100%; overflow: hidden; margin-bottom:10px; }
.form_column { width: 100%; float: left; display: inline; text-align: left; margin-bottom:5px;}
.form_left_column { width: 22%; float: left; display: inline; text-align: left; padding-top:4px;  }
.form_right_column { width: 78%; float: right; display: inline; }

.form_row span, .star {color:#ff7f00;}

.normal_input { width: 200px; padding: 5px 6px; font-size:12px; font-family: Arial; color: #333; background: #fff; border: 1px solid #dedad4; outline:none;}
.normal_input:focus { color: #000; border: 1px solid #60adc2; }

.form_box .verification_box {display:block; width:100%; float:left;}
.form_box .verification_box .captcha-img {display:inline-block; width:150px; float:left;  }
.form_box .verification_box .captcha-code {display:inline-block; width:80px; float:left; }
.form_box .verification_box .captcha-text {display:inline-block; width:100%; float:left; text-align:left; padding:10px 0px;}
.form_box .verification_box .captcha-text a { text-decoration:underline; font-size:13px; color:#c80000;} .form_box .verification_box .captcha-text a:hover { text-decoration:none; font-size:13px; color:#000;}

.btn_light_blue{background: #c80000;color:#fff !important;text-decoration:none !important; padding: 5px;border: 1px solid #c80000;cursor:pointer; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;}
.btn_submit{ border:1px solid #005052; background:#007b7e;	font-family:Arial; font-size: 13px; font-weight: normal; color: #ffffff; height:23px; line-height:23px; cursor:pointer; padding:0px 5px; text-decoration:none; display:inline-block; }
.btn_submit:hover{ background: #01aaad; color:#fff; }
.btn_light_blue:hover {background:#333;border-color:#333}

/*****************************************************************************************************************

FORM STYLING ENDS
*****************************************************************************************************************/

/*****************************************************************************************************************
RESPONSIVE GRID STYLING
*****************************************************************************************************************/

/*  COLUMN SETUP  */
.container { margin: 0 auto; }
.row { width: 100%; }

/* ====================================================== ROW TRANSITIONS ====*/
.row > * {
	-webkit-transition	: all 400ms ease-out;
	-moz-transition		: all 400ms ease-out;
	-o-transition		: all 400ms ease-out;
	-ms-transition		: all 400ms ease-out;
	transition			: all 400ms ease-out;	
}



/*  GROUPING  */
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
.row .col_box { height: 100%; overflow: hidden;}    

					
/*  GRID OF FOUR  */


/* columns & complements (autogenerated styles) */
.col_0 { width: 100%; margin-bottom: 2px; display: block;}
.col_1, .col_2, .col_3, .col_3c, .col_4, .col_4c 
{
    margin-left		: 0%;
	margin-right	: 1.6%;
	margin-bottom	: 1%;
	float		: left;
	display		: block;
}


/* columns (autogenerated styles) */
.col_1 { width: 96%; }
.col_2 { width: 46%; }
.col_3 { width: 31.3333333333%; }
.col_4 { width: 24%; }

/* complements (autogenerated styles) */
.col_3c { width: 62.6666666667%; }
.col_4c { width: 71%; }


/*****************************************************************************************************************
RESPONSIVE GRID STYLING
*****************************************************************************************************************/


/*****************************************************************************************************************
PROGRAMMERS STYLES COMES HERE
*****************************************************************************************************************/


/*****************************************************************************************************************
PROGRAMMERS STYLES ENDS HERE
*****************************************************************************************************************/

.err
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: rgb(200,0,0);
}


.margin-bottom{margin-bottom:10px;}
.padding-x-15{padding:0 15px;}
.align-top{vertical-align:top;}
.no-underline{text-decoration:none;}
.reviews-radio tr{display:inline-block;margin-right:15px;}
.reviews-radio tr td input, .reviews-radio tr td label{display:inline-block;vertical-align:middle;}
.reviews-radio tr td label{padding-top:5px;}
.review-frame .form_row .normal_input{width:95%;}
.review-frame .form_row .verification-code{width:200px}
.reviews-right p:last-child{margin-bottom:0;}
.book-club-right .title{color: #007b7e;font-weight: bold;text-decoration: none;line-height: 1.5;margin-bottom:5px;}
.book-club-left{text-align:center}
.book-club-left img{max-width:100%;}
@media(min-width:768px){
.d-table{display:table;width:100%;}
.book-club-left, .book-club-right, .reviews-left, .reviews-right{display:table-cell;vertical-align:top}
.book-club-left{width:42%;padding-right:15px;}
.book-club-right{width:58%;}
.reviews-left{padding-right:15px;width:150px;}
.reviews-right{max-width: calc(100% - 150px);}
}
@media(max-width:767px){
    .book-club-left{margin-bottom:15px;}
}

.review-container{margin: 8px 0;}

ul.ratings, .customer-ratings {display: inline-block;width: 80px;height: 13px;min-height: 13px;text-align: left;background: transparent url(images/icon-rating.png) no-repeat;list-style: none;text-align: left;clear: both;box-shadow: none;border: none;}

ul.ratings li a, .customer-ratings li{text-decoration:none;display: block;list-style: none;padding: 0px;margin-right: 1px;float: left;width: 13px;min-width: 13px;min-height: 13px;height: 13px;border: none;text-align: left;}
ul.ratings li.star, ul.ratings li:hover, .customer-ratings li.star {background: transparent url(images/icon-rating.png);background-position: 0px -19px;}
.border-bottom{border-bottom:1px solid #ccc;margin-bottom:10px;float:left;width:100%;}
.avg-rating{border:1px solid #ccc;padding:8px;display:inline-block;margin-bottom:15px;margin-top:5px;}
.reviews-list > li{list-style:none;}
.reviews-list > li{border-bottom:1px dashed #ccc;padding-bottom:10px;margin-bottom:10px;}

@media(max-width:540px){
    .review-frame .form_left_column { width: 100%; float: left; display: inline; text-align: left; padding-top:4px; padding-bottom:5px;  }
    .review-frame .form_right_column { width: 100%; float: left; display: inline; }
}