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

/************************************************/
/******************** Reset ********************/
/************************************************/
* { margin:0; padding:0; }

html { 	height: 100%; background: #ffffff; }
body { background: transparent; height: 100%; font-family: Arial, Helvetica, sans-serif; position: relative; }

img           { border:0; vertical-align:top; }

a             { text-decoration:none; color:#0096b8; font-weight: bold; }
a:hover, 
a:focus       { text-decoration:underline; }
:focus        { outline: 0; }

/* Headings */
h1, h2, h3, h4, h5, h6 { margin: 0px; }
h1            { font-size:28px; font-weight:bold; line-height: 30px; color: #2fccfe; margin-bottom: 15px; letter-spacing: -1px; }
a:hover h4 { color: #f8951d; }
h2            { font-size:26px; font-weight:bold; line-height: 28px; color: #000000; letter-spacing: -1px; padding: 5px 0 0;}
h3            { font-size:22px; font-weight: bold; line-height: 24px; color: #0f2a38; }
h4            { font-size:18px; font-weight:bold; line-height: 20px; color: #1a1a16; }
h5            { font-size:16px; font-weight:normal; color: #000000; margin: 0 0 15px; }
h6            { font-size:11px; font-weight:bold; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; margin: 0; line-height:18px; color: #ffffff; font-size: 12px;}
address a     { padding:3px 0; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; font-size: 18px; line-height: 20px; color: #888888; padding: 8px 0 0 15px; margin: 0 0 20px; }
q:before, 
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* pre */
pre			  { background:#fff; }

/* Tools */
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.note 		  { color:#757575; font-size:11px; }
.no-border    { border:0 none !important; }

.pad-r-l-15 { padding-left: 15px !important; padding-right: 15px !important; } 
.marg-t-10 { margin-top: 10px !important; } 
.marg-b-20 { margin-bottom: 20px !important; }

/************************************************/
/******************** Styles ********************/
/************************************************/

/* Layout ================================================================================= */
#wrapper { height: auto !important; height: 100%; min-height: 100%; position: relative; background:#6ebecb top center repeat-x url(../../images/bg.gif); font-family: Arial, Helvetica, sans-serif; }
.wrapper-inner { width: 960px; margin: 0 auto; padding: 0 0 220px; }
.bg-home { background: top left no-repeat url(../../images/bg-light.png); }
.bg-sub { background: top left no-repeat url(../../images/bg-sub.png); }

/* imgs ================================================================================ */ 
.wrapper-img-132-199 { width: 132px; height: 199px; overflow: hidden; float: left; margin: 0 20px 20px 0; }
.wrapper-img-93-93 { height: 93px; width: 93px; float: left; margin: 0 14px 11px 0; background: top left no-repeat url(../../images/no-userpic.gif); }
.wrapper-img-150-150 { height: 150px; width: 150px; float: right; margin: 0 0 30px 30px; background: top left no-repeat url(../../images/img-150-150.gif); }
.wrapper-img-64-64 { height: 64px; width: 64px; float: none; margin: 0; background: top left no-repeat url(../../images/img-64-64.gif); border: solid 1px #ccc; }


/* Header ================================================================================ */ 
.header { width:950px; height: 98px; }
.header a.logo { display: block; height: 49px; width: 480px; position: relative; float: left; margin: 25px 0 0; }
.header .logo span { height: 49px; width: 480px; right: 0; top: 0; position: absolute; background: bottom left no-repeat url(../../images/logo.png); cursor: pointer; }

.header .login-area { background: #23475f; height: 18px; line-height: 18px; float: right; padding: 10px 10px 10px 15px; margin: 5px 0 0;
					  -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; 
					  -khtml-border-bottom-left-radius: 6px; -khtml-border-bottom-right-radius: 6px;
					  -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-radius: 6px;}
.header .login-area ul li { float: left; color: #fff; font-size: 12px; margin: 0 5px 0 0; }
.header .login-area ul li a{ color: #30cdff; }

/* Form Elements */
.input,select,textarea,button, label { font:14px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000000; display: block; }
.input,select,textarea { background:#fff; margin: 0px; }
textarea { padding:3px; overflow:auto; }

select { padding:5px; background: top left repeat-x url(../../images/bg-select.gif); width: 570px; }
select option { padding-right:10px; }
select.multiselect option {}

label { margin: 0 0 7px; font-weight: bold; }

.input, textarea { background:#fff top left repeat-x url(../../images/bg-b-input.gif); border: solid 2px #000; width: 560px; padding: 6px 8px; color: #333;
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.input:focus, textarea:focus{ border: solid 2px #2fccfe; }


input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2em !important; }


.button { display:block; overflow:visible; width:auto; color:#000000; border: none; cursor: pointer;
			 	color: #fff; font-size: 12px; background: none; border: solid 1px #171717; padding: 0 10px; line-height: 31px; height: 31px; text-transform: none; font-family: Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
button::-moz-focus-inner { padding:0; border:0; }
.button:active { border: none; text-decoration: none; background: #1e3d51; }
a.button:hover, a.button:active, a.button:focus { text-decoration: none; }

.button-green { display:block; overflow:visible; width:auto; color:#fff; border: none; cursor: pointer; font-weight: bold;
			 	color: #fff; font-size: 18px; background:#8cbb4d top left repeat-x url(../../images/bg-btn-green.gif); border: solid 1px #77a537; padding: 0 20px; line-height: 49px; height: 49px; text-transform: none; font-family: Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
button::-moz-focus-inner { padding:0; border: solid 1px #77a537;  }
.button-green:active { border: solid 1px #77a537;  text-decoration: none; background: #73a134; }
a.button-green:hover, a.button-green:active, a.button:focus, a.bookmark { text-decoration: none; }

.button-grey { font-size: 18px; color: #7d7d7d; font-weight: bold; background: #cdcdcd top left repeat-x url(../../images/bg-btn.gif); border: solid 1px #bfbfbf; height: 49px; line-height: 49px; padding: 0 15px; float: right; margin: 0; cursor: pointer; width: auto;
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.button-grey:active { background: #b7b7b7; border: solid 1px #bfbfbf; }

/* Menu Home =================================================================================*/
.menu-home { padding: 0px;}
.menu-home ul li { margin: 0 0 13px; padding: 0 65px 10px 15px; border-bottom: solid 1px #d7d7d7; }
.menu-home ul li a{ text-decoration: none; }
.menu-home ul li.last { margin: 0; border: none; }
.menu-home ul li h4{ margin: 0 0 5px; }
.menu-home ul li p{ color: #707070; font-size: 12px; line-height: 16px; }
.menu-home ul li.first { background: 170px 0px no-repeat url(../../images/icons/PNG/onebit_37.png); }
.menu-home ul li.second { background: 175px 0px no-repeat url(../../images/icons/PNG/book-icon.png); }
.menu-home ul li.third { background: 175px 0px no-repeat url(../../images/icons/PNG2/onebit_18.png); }
.menu-home ul li.fourth { background: 175px 0px no-repeat url(../../images/icons/PNG/onebit_21.png); }
.menu-home ul li.fifth { background: 175px 0px no-repeat url(../../images/icons/PNG2/onebit_10.png); }
.menu-home ul li.sixth { background: 175px 0px no-repeat url(../../images/icons/library.png); }

.menu { padding: 0px;}
.menu ul li { margin: 0 0 10px; border-bottom: solid 1px #d7d7d7; }
.menu ul li a{ text-decoration: none; padding: 5px 65px 12px 15px; font-size:18px; font-weight:bold; line-height: 20px; color: #1a1a16; display: block;  }
.menu ul li.selected a{ color: #f8951d;}
.menu ul li a.selected,
.menu ul li a:hover{ text-decoration: none; color: #f8951d; }
.menu ul li.last { margin: 0; border: none; }
.menu ul li.first { background: 177px 0px no-repeat url(../../images/icons/PNG/onebit_37-sm.png); }
.menu ul li.second { background: 185px 0px no-repeat url(../../images/icons/PNG/book-icon-sm.png); }
.menu ul li.third { background: 175px 0px no-repeat url(../../images/icons/PNG2/onebit_18-sm.png); }
.menu ul li.fourth { background: 177px 0px no-repeat url(../../images/icons/PNG/onebit_21-sm.png); }
.menu ul li.fifth { background: 175px 0px no-repeat url(../../images/icons/PNG2/onebit_10-sm.png); }
.menu ul li.sixth { background: 183px 0px no-repeat url(../../images/icons/library-sm.png); }
.menu ul.sub-menu { margin: 0 0 15px 15px; }
.menu ul.sub-menu li { border: none; font-size: 14px; margin: 0 0 3px; }
.menu ul.sub-menu li a{ font-size: 14px; padding: 0 20px 0 0; color: #444444; display: inline; }
.menu ul.sub-menu li a:hover,
.menu ul.sub-menu li a.selected{ color: #f8951d; }

/* Breadcrumb =================================================================================*/
.breadcrumb { background: #f3f3f3; border: solid 1px #bfbfbf; height: 40px; line-height: 40px; padding: 0 15px;
			-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; 
			-khtml-border-top-left-radius: 6px; -khtml-border-top-right-radius: 6px;
			-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-radius: 6px;}
.breadcrumb ul { height: 40px; line-height: 40px; }
.breadcrumb ul li { font-size: 12px; font-weight: bold; color: #f7941d; float: left; margin: 0 5px 0 0; }
.breadcrumb ul li span { width: 10px; height: 40px; display: block; background: top left no-repeat url(../../images/bg-li-bread.gif); } 
.breadcrumb ul li a{ color: #3d3d3d; }

/* Page layout =================================================================================*/
.page { float: left; width: 710px; padding: 4px 0 0; }

.wrapper-sidebar { width: 240px; float: right; }
.sidebar-top { width: 240px; height:9px; background: top left no-repeat url(../../images/bg-sidebar-top.png); line-height: 1px; font-size:1px; }
.sidebar-bottom { width: 240px; height:9px; background: top left no-repeat url(../../images/bg-sidebar-bottom.png); line-height: 1px; font-size:1px; }
.sidebar { width: 232px; padding: 10px 4px; background: top left repeat-y url(../../images/bg-sidebar.png); }

.search-area { background: #254c66; width: 218px; margin: 0 auto; padding: 4px 7px 10px;  -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; 
					  -khtml-border-bottom-left-radius: 6px; -khtml-border-bottom-right-radius: 6px;
					  -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-radius: 6px; position: relative; z-index: 9; }
.search-area .bg-search { position: absolute; height: 17px; width: 16px; display: block; background: top left no-repeat url(../../images/bg-search.gif); top: 12px; left: 17px; z-index: 10; }					  
.search-area .input{ border: solid 2px #1e3d51; width: 145px; padding: 6px 10px 6px 30px; color: #888; float: left;  } 
.search-area .input:focus{ border: solid 2px #2fccfe; } 
.search-area .button { float: right; padding: 0 1px; border: none; color: #ccc; }
.search-area .button:hover { color: #fff; }
.search-area .button:active { background: none; }

.content { background: #ffffff; padding: 15px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; 
					  -khtml-border-bottom-left-radius: 6px; -khtml-border-bottom-right-radius: 6px;
					  -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-radius: 6px; min-height: 235px; }
.content h2 { margin: 0 0 10px; }
.content p { font-size: 12px; line-height: 16px; color: #000; margin: 0 0 15px; }

.content ul { list-style: none; margin: 0 0 15px 10px; color: #f8951d; }
.content ul li { font-size: 12px; line-height: 14px; padding: 0 0 2px 10px; margin: 0 0 10px; color: #000000; background: left 4px no-repeat url(../../images/bg-li-dot.gif); }

/* Content Page =================================================================================*/

.welcome-block { margin: 0 0 10px; }
.welcome-block p{ color: #fff; font-size: 14px; line-height: 18px; }
.welcome-block img { float: right; width: 254px; height: 169px; }

.announcement-block { background: #ffb022 top left repeat-y url(../../images/bg-announc.gif); padding: 7px 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 15px; }
.announcement-block p { font-size: 12px; line-height: 16px; }
.announcement-block a { color: #fff; text-decoration: underline; }
.announcement-block a:hover { text-decoration: none; } 

.q-block { background: #d3e3e8; padding: 15px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 15px;}
.q-block h3{ margin: 0 0 10px; }
.q-block ul { float: left; width: 340px; }
.q-block ul li { font-size: 12px; line-height: 14px; color: #2c2c2c; padding: 5px 0 5px 20px; background: left 5px no-repeat url(../../images/bg-qblock-li.gif); }

.round-block { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 15px 0; }

.layout-2-1 { width: 710px; background: #ffffff; margin: 0 0 15px; }
.layout-2-1 .col-2{ width: 435px; float: left; border-right: solid 1px #ccc; padding: 0 20px 0 15px; }
.layout-2-1 .col-1{ width: 216px; float: right; padding: 0 10px; }

.preview-list { margin: 0 0 20px; padding: 0 0 20px; border-bottom: solid 1px #ccc; }
.preview-list-last { border: none; }
.preview-list .head { line-height: 20px; padding: 2px 0; margin: 0 0 5px; }
.preview-list .head h4 { float: left; }
.preview-list .head a { float: right; color: #1a4b64; line-height: 20px; }
.preview-list .head a:hover { text-decoration: none; }
.preview-list ul { margin: 0 5px 0 0; }
.preview-list ul li { border-bottom: solid 1px #e7eaec; font-size: 12px; color: #3a3a31; padding: 3px 0 3px 20px; background: url(../../images/icons.png); background-position: 0px -65px; background-repeat: no-repeat; line-height: 16px; margin: 0; }
.preview-list ul li.last { border-bottom: none; }
.preview-list ul li a{ font-size: 14px; color: #3a3a31; font-weight: bold;  }
.preview-list ul li a:hover{ text-decoration: none; color: #f8951d; }

.layout-2-1 .col-2 .preview-list{ border-bottom: none; }
	
a.link-w-arrow { background:url(../../images/link-w-arrow.png) no-repeat 158px 0px; padding: 0 20px 0 0; font-size: 14px; font-weight: bold; text-decoration: none; text-align: right; width: 155px; }
a.link-w-arrow:hover { background:url(../../images/link-w-arrow.png) no-repeat 158px -50px; padding: 0 20px 0 0; color: #f8951d;}

.bg-icons { background: url(../../images/icons.png); }
.news ul li { background-position: -1px 0px; }
.events ul li { background-position: -1px -43px; }
.discuss ul li { background-position: -1px -112px; }


.layout-2-1 { padding-bottom: 50px; }
.layout-2-1 .col-1 blockquote { color: #666556; font-size: 18px; line-height: 24px; text-align: right; }
.layout-2-1 .col-1 a { color: #1a4b64; font-weight: bold; font-size: 14px; }
.layout-2-1 .col-1 a:hover { text-decoration: none; color: #f8951d; }
.layout-2-1 .col-1 .links-a-center { text-align: center; margin: 0 0 15px; }
.layout-2-1 .col-1 .links-a-right { text-align: right; }
.layout-2-1 .col-1 .links-a-right a { text-align: right; font-size: 12px; line-height: 18px; }

.highlighted-block { background: #dff0f5; padding: 15px 0; border-bottom: solid 1px #a7b4b8; }
.highlighted-block h2 { margin: 0 0 10px; }
.highlighted-block p { font-size: 12px; }
.highlighted-block .layout-2-1 { background: none; padding: 0 0 10px; margin: 0; }
.highlighted-block .layout-2-1 .col-2 { border: none; }

.authors-block { margin: 0 0 15px;}
.authors-block .single-line { padding: 10px 0 0; border-bottom: solid 1px #d8d8d8; }
.authors-block .single-line h5 { margin: 0; }
.authors-block .single-line p { margin: 0 0 10px;}
.authors-block .single-line .info { float: right; width: 570px; }

.reviews-block {margin: 0 0 15px;}
.reviews-block h4 { margin: 0 0 10px; }
.reviews-block blockquote { font-size: 13px; line-height: 17px; color: #000000; padding: 0 10px 0 30px; background: 2px top no-repeat url(../../images/bg-blqt.gif); }
.reviews-block p { padding: 0px 10px 0 30px; }
.reviews-block .author { font-size: 16px;}
.reviews-block .note { font-size: 12px; font-style: italic; }
.book-title { font-size: 12px; font-style: italic; }

.chapter-block { border-bottom: solid 1px #ccc; margin: 0 0 15px; }
.chapter-block-last { border: none; }
.chapter-block h5 { margin: 0; }
.chapter-block p { padding: 15px 0 0;}

.single-author { border-bottom: solid 1px #d8d8d8; padding: 0 0 5px; margin: 0 0 20px; }
.single-author h5 { margin: 0; }
.single-author-last { border: none; }

.single-leader { border-bottom: solid 1px #ccc; margin: 0 0 15px; padding: 0 0 15px;}
.single-leader .wrapper-img-150-150 { float: left; margin: 0 15px 0 0; }
.single-leader .info { float: right; width: 515px; }
.single-leader .info h5 { padding: 10px 0 0; margin: 0 0 8px; }
.single-leader .info p { margin: 0 0 10px;}
.single-leader .info a { color: #0077a9;}

a.bg-dwnld { height: 25px; display: block; line-height: 25px; background: left center no-repeat url(../../images/bg-dwnld.gif); padding: 0 0 0 25px; float: left; }

.single-news { border-bottom: solid 1px #ccc; margin-bottom: 20px; }
.single-news a{ color: #0077a9; }
.single-news h4{ font-weight: normal; margin: 0 0 15px; }
.single-news .date { padding: 0 0 0 30px; background-position: -1px 0px; padding: 3px 0 3px 20px; background: url(../../images/icons.png); background-repeat: no-repeat; line-height: 16px; background-position: -1px 0px; margin: 0; }
.single-news .date p { color: #3a3a31; }

.single-event { border-bottom: solid 1px #ccc; margin-bottom: 20px; }
.single-event a{ color: #0077a9; }
.single-event h4{ font-weight: normal; margin: 0 0 15px; }
.single-event .date { padding: 0 0 0 30px; background-position: -1px 0px; padding: 3px 0 3px 20px; background: url(../../images/icons.png); background-repeat: no-repeat; line-height: 16px; background-position: -1px -43px; margin: 0; }
.single-event .date p { color: #3a3a31; }

/* Contact form =================================================================================*/
.contact-form {}
.contact-form .button { font-size: 18px; color: #7d7d7d; font-weight: bold; background: #cdcdcd top left repeat-x url(../../images/bg-btn.gif); border: solid 1px #bfbfbf; height: 49px; line-height: 49px; padding: 0 15px; float: right; margin: 0 10px 10px 0; }
.contact-form .button:active { background: #b7b7b7; }
.contact-form .layout-2 { border-bottom: solid 1px #d8d8d8; padding: 15px 0 0; }
.layout-2 .col-1 { float: left; width: 340px; }
.contact-form label { font-size: 16px; color: #000; font-weight: normal; }
.contact-form .input { border: solid 1px #bfbfbf; background: top left repeat-x url(../../images/bg-input.gif); width: 310px; padding: 8px; margin: 0 0 17px; color: #636363; }
.contact-form .input:focus { border: solid 1px #666; }
.contact-form select { border: solid 1px #bfbfbf; background: top left repeat-x url(../../images/bg-input.gif); width: 330px; color: #636363;
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 7px 8px; }
.layout-2 .text { width: 650px; }

.layout-2 .button-green { float: right; margin: 0 10px 10px 0; }


/* Messages =================================================================================*/
.success-msg { background: #c4df9b 10px center no-repeat url(../../images/bg-scs.gif); padding: 12px 13px 12px 35px; margin: 0 0px 15px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.success-msg p { color: #4e730d; padding: 0; font-size: 16px; margin: 0; }
.error-msg { background: #f2a8a8 10px center no-repeat url(../../images/bg-error.gif); padding: 12px 13px 12px 35px; margin: 0 0px 15px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.error-msg p { color: #bf2903; padding: 0; font-size: 16px; margin: 0; }
.info-msg { background: #f9d09f 10px center no-repeat url(../../images/bg-info.gif); padding: 12px 13px 12px 35px; margin: 0 0px 15px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.info-msg p { color: #8d5e00; padding: 0; font-size: 16px; margin: 0; }

.col-3 { width: 340px; float:left; padding: 10px 0 0px; }
.col-3 h2{ font-size: 24px; font-weight: normal; float: left; }
.col-4 { width: 250px; float: right; }
.col-4 p { font-size: 14px;}
.col-3 a { color: #0077a9;}

.input-validation-error { border: solid 1px #bf2903 !important; }
label.error { color: #bf2903 !important; }

/* community discussons =================================================================================*/
.content .head { margin: 0 0 10px; }
.content .head h2{ float: left; }
.content .head .sub-menu { float: right; height: 18px; padding: 10px 0 0; margin: 0 10px 10px 0; }
.content .head .sub-menu ul { list-style: none; background: none; }
.content .head .sub-menu ul li { float: left; background: none; padding: 0 0 0 15px; line-height: 18px; height: 18px; }
.content .head .sub-menu ul li a{ font-size: 12px; color: #3d3d3d; font-weight: bold;  }
.content .head .sub-menu ul li a.selected,
.content .head .sub-menu ul li a:hover { color: #f8951d; text-decoration: none; }

.single-discussion-home { margin: 0 0 30px; }
.single-discussion-home h4{ font-weight: normal; margin: 0 0 5px; }
.single-discussion-home table { width: 680px; }
.single-discussion-home table td{ padding: 12px 0; font-size: 12px; color: #7a7a7a; border-bottom: solid 1px #d8d8d8; vertical-align: top; }
.single-discussion-home table td h4{ color: #0096b8; font-weight: normal; margin: 0; }
.single-discussion-home table td h4 a { color: #0096b8; font-weight: normal; } 
.single-discussion-home table td a { color: #0096b8; font-weight: normal; } 

.single-discussion-home table td.c1 { width: 50px; text-align: center; }
.single-discussion-home table td.c2 { width: 308px; padding: 12px 10px; }
.single-discussion-home table td.c3 { width: 65px; padding: 12px 0 12px 10px; }
.single-discussion-home table td.c4 { width: 207px; padding: 12px 10px; } 
.single-discussion-home table td.c5 { width: 243px; padding: 12px 10px; }
.single-discussion-home table td.c6 { width: 40px; text-align: center; }

.blc-txt { color: #000; }

.pager { padding: 15px 0; }
.pager ul { float: right; margin: 0; }
.pager ul li { float: left; color: #f28b20; background: none; font-size: 14px; font-weight: bold; margin: 0; line-height: 14px; padding: 0 5px 0; }
.pager ul li a { color: #3d3d3d; font-size: 14px;  font-weight: bold; line-height: 14px; padding: 0 2px; }
.pager .note { float: right; margin: 0 0 0 10px; }

.note p { color: #898989; font-size: 12px; line-height: 14px; }
.note a { color: #0096b8; }

.user-post { padding: 0 0 15px; border-bottom: solid 1px #ccc; margin: 0 0 25px; }
.user-post .date p{ color: #000; font-size: 11px; line-height: 14px; margin: 0 0 5px; padding: 0;}
.user-post a{ color: #0077a9; }
.user-post .info{ width: 120px; padding: 0 10px; float: left; border-right: solid 1px #ccc; }
.user-post .wrapper-img-64-64 { margin: 10px 0; }
.user-post .info .user-details p{ font-size: 12px; line-height: 14px; color: #4b4b4b; }
.user-post .post{ width: 515px; float: right; padding-bottom: 30px; position: relative; }
.user-post .post .nav{ position: absolute; bottom: 0; right: 10px; }
.user-post .post .nav ul li { float: left; margin: 0 0 0 10px; background: none; }
.user-post .post .nav ul li a{ color: #0077a9; font-size: 11px; line-height: 14px; font-weight: normal; }

/* Login page =================================================================================*/
.login-block { margin: 10px auto 30px; width: 330px; background: #f3f3f3; border: solid 1px #bfbfbf; padding: 20px 45px;
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.login-block h2 { margin: 0 0 15px; }

.login-block .button-green { float: right; }
.login-block .button-grey { float: right; font-weight: normal; }
.login-block .send-pass { width: 200px; }
.login-block label { font-size: 16px; color: #000; font-weight: normal; }
.login-block .input { border: solid 1px #bfbfbf; background:#fff top left repeat-x url(../../images/bg-input.gif); width: 310px; padding: 8px; margin: 0 0 17px; color: #636363; }
.login-block .input:focus { border: solid 1px #666; }
.login-block a { font-size: 12px; margin: 3px 0 0; color: #0096b8; font-weight: normal; }

.login-block .note { float: left; padding: 5px 0 0; margin: 0; }
.login-block .note p { font-size: 14px; line-height: 18px; margin: 0; }
.login-block .note a { font-size: 14px; }

.agreement { float: left;}
.agreement table td { vertical-align: middle; padding: 0 10px 0 0; }
.agreement table td label { margin: 0; }


.list-exercises { padding: 10px 0 0; }
.list-exercises .single-item { padding: 20px 0;}

.list-exercises .single-item table td{ vertical-align: top; font-size: 12px; line-height: 16px; padding: 10px 10px; border-bottom: solid 1px #d8d8d8; }
.list-exercises .single-item table td h4 a{ font-weight: normal; color: #000000; }
.list-exercises .single-item table td h4 { margin: 0 0 10px; font-size: 16px; line-height: 28px; font-weight: normal; }
.list-exercises .single-item table td.c1{ width: 39px; text-align: center; padding: 10px 15px 10px 10px; font-size: 24px; color: #000; font-weight: bold; text-align: center; line-height: 47px; } 
.list-exercises .single-item table td.c1 span { display: block; line-height: 47px; font-size: 24px; background: top left no-repeat url(../../images/bg-num.gif); width: 38px; height: 45px; text-align: center; padding: 3px 0 0 1px; }

.list-exercises .single-item table td.c3 { vertical-align: bottom; white-space:nowrap; text-align:center; }
.list-exercises .single-item .button-green { height: 40px; line-height: 40px; }
.list-exercises .single-item a.button-green { text-decoration: none; }

.list-exercises .note p { font-size: 11px; }

.bg-book { padding: 0 0 0 30px; background: top left no-repeat url(../../images/bg-book-sm.gif); line-height: 22px;}

/* Progress =================================================================================*/
.progress-bar { padding: 15px 15px; border-bottom: solid 1px #ccc; background: #fff; }
.progress-bar span { float: left; font-size: 12px; color: #000; line-height: 30px; display: block; font-weight: bold;  }
.progress-bar ul { float: left; margin: 6px 0 0 20px; height: 18px; }
.progress-bar ul li { float: left; background: #dbdbdb; border-right: solid 1px #b3b3b3; display: block; height: 18px; width: 80px; margin: 0; padding: 0; }
.progress-bar ul li.passed { background:#f9951d top left repeat-x url(../../images/bg-progress.gif); border-right: solid 1px #d1941d; }
.progress-bar ul li.first {
				  -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; 
					  -khtml-border-bottom-left-radius: 4px; -khtml-border-top-left-radius: 4px;
					  -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-radius: 4px;}
.progress-bar ul li.last { border: none;
				  -moz-border-radius-bottomright: 4px; -moz-border-radius-topright: 4px; 
					  -khtml-border-bottom-right-radius: 4px; -khtml-border-top-right-radius: 4px;
					  -webkit-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-radius: 4px;}
.progress-bar .button-save { float: right; height: 28px; line-height: 28px; background:#d5d5d5 top left repeat-x url(../../images/bg-btn-save.gif); border: solid 1px #bfbfbf; font-size: 12px; color: #454545; padding: 0 10px 0 30px;  -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; position: relative; }
.progress-bar .button-save:active { background: #bbbbbb;}
.progress-bar .button-save span.ico{ position: absolute; height: 19px; width: 19px; left: 5px; top: 4px; background: top left no-repeat url(../../images/bg-save.gif); }

.test-area { width: 680px; }
.test-area .col-1{ float: left; width: 360px; padding: 20px 0 0; text-align: center; }
.test-area .col-2{ float: right; padding: 20px 0 0 20px;  width: 300px; }
.test-choices { width: 300px;}
.test-choices table { width: 300px; }
.test-choices table td { vertical-align: top; border-bottom: solid 1px #ccc; padding: 10px 0px; }
.test-choices table td.c1 { padding: 10px 10px 10px 0; width: 13px; }
.test-choices table td label{ font-size: 12px; font-weight: normal;}


.test-choices .b-nav { padding: 10px 0; }
.test-choices .b-nav .button-blue{ font-size: 14px; line-height: 16px; font-weight: bold; color: #0096b8; float: left; margin: 15px 0 0; padding: 0 0 0 25px; background: center left no-repeat url(../../images/arrow-blue.gif); }
.test-choices .b-nav .button-green{ float: right; position: relative; padding: 0 45px 0 25px; }
.test-choices .b-nav .button-green span.arrow { position: absolute; height: 16px; width: 16px; right: 20px; background: top left no-repeat url(../../images/arrow-white.gif); top: 17px; }

.test-results h2{ margin: 0 0 20px; font-weight: normal;}
.test-results .single-q{ border-bottom: solid 1px #ccc; padding: 0px 20px 10px 40px; margin: 0 0 20px; }
.test-results .single-q h4{ margin: 0 0 10px; }
.test-results .single-q p { font-size: 12px; line-height: 18px; margin: 0; padding: 0; }	

.correct { background: 3px top no-repeat url(../../images/bg-correct.gif); }
.incorrect { background: 3px top no-repeat url(../../images/bg-incor.gif); }
span.green-txt { color: #638925; font-weight: bold; }
span.red-txt { color: #d85c1b; font-weight: bold; }

.test-results .b-nav { padding: 5px 0 10px; }
.test-results .b-nav a { float: right; font-size: 14px; line-height: 16px; background: center right no-repeat url(../../images/arrow-blue-r.gif); padding: 0 30px 0 0; }

.search-block h2{ font-weight: normal; }
.search-block h2 .item { color: #393939; font-style: italic; }
.search-block .input { width: 540px; float: left; border: solid 1px #bfbfbf; background: top left repeat-x url(../../images/bg-input.gif); padding: 8px; margin: 0 0 17px; color: #636363;  } 
.search-block .input:focus { border: solid 1px #000; }
.search-block .button-grey { float: right; font-size: 12px; height: 32px; line-height: 32px; text-decoration: none;  }

.single-result { border-bottom: solid 1px #d8d8d8; padding: 0 0 10px; margin: 0 0 15px; }
.single-result h4 { margin: 0 0 3px; }
.single-result p { font-size: 12px; line-height: 16px; margin: 0; padding: 0;}
.single-result p a { color: #5fa800; font-weight: normal; }

/* footer =================================================================================*/
#wrapperfooter { height: 197px; width: 100%; position: absolute; bottom: 0; background: #252525; }
.footer { margin: 0 auto; width: 960px; height: 187px; padding-top: 20px; }
.footer .layout-3{ margin: 0 0 20px; }
.footer .layout-3 .col-3{ width: 299px; float: left; border-right: solid 1px #000; margin: 0 15px 0 0; padding: 0 0 0 5px; }
.footer .layout-3 .last{ border: none; margin-right: 0; }
.footer .layout-3 .col-3 ul.b-menu li{ font-size: 14px; line-height: 20px; color: #fff; font-weight: bold; margin: 0 0 5px; height: 20px; }
.footer .layout-3 .col-3 ul.b-menu li span { float: left; }
.footer .layout-3 .col-3 ul.b-menu li a{ font-size: 14px; font-weight: bold; color: #fff; }
.footer .layout-3 .col-3 ul.b-menu li ul.b-menu-sub { float: right; margin: 0 25px 0 0; line-height: 20px; height: 20px; }
.footer .layout-3 .col-3 ul.b-menu li ul.b-menu-sub li{ float: left; font-size: 12px; margin: 0 0 0 17px; line-height: 22px; }
.footer .layout-3 .col-3 ul.b-menu li ul.b-menu-sub li a { color: #dedede; font-size: 12px; font-weight: normal; }

.footer .layout-3 .col-3 ul.b-menu li ul.b-menu-sub-ex { float: left; margin: 0 0 0 5px; line-height: 20px; height: 20px; }
.footer .layout-3 .col-3 ul.b-menu li ul.b-menu-sub-ex li{ float: left; font-size: 12px; margin: 0 0 0 7px; line-height: 22px; font-weight: normal; color: #dedede; }
.footer .layout-3 .col-3 ul.b-menu li ul.b-menu-sub-ex li a { color: #dedede; font-size: 12px; font-weight: normal; }


.footer .b-block { background: #1c1c1c; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; }
.footer .b-block ul.a-left { float: left; }
.footer .b-block ul.a-left li{ float: left; margin: 0 10px 0 0; color: #2fccfe; font-size:12px; line-height: 30px; }
.footer .b-block ul.a-left li .input{ width: 160px; margin: 0; background:#fff top left repeat-x url(../../images/bg-b-input.gif); border: solid 2px #000;
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; padding: 6px 8px; }
.footer .b-block ul.a-left li .input:focus{ border: solid 2px #2fccfe; }
.footer .b-block ul.a-left .button { color: #fff; font-size: 12px; background: none; border: solid 1px #171717; padding: 0 10px; line-height: 30px; height: 30px; text-transform: none; font-family: Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.footer .b-block ul.a-left .button:active { background: #171717; }
.footer .b-block ul.a-right { float: right; }
.footer .b-block ul.a-right li { float: left; color: #898989; font-size: 11px; line-height: 30px; margin: 0 0 0 20px; }
.footer .b-block ul.a-right li a{ color: #fff; }

/************************************************/
/******************** Clears ********************/
/************************************************/
.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; margin: 0px; padding: 0px; width: 100%; }
.header:after,
.wrapper-inner:after,
.welcome-block:after,
.q-block:after,
.footer .layout-3:after,
.footer .b-block:after,
.search-area:after,
.footer .layout-3 .col-3:after,
.footer .layout-3 .col-3 ul.b-menu li:after,
.layout-2-1:after,
.preview-list .head:after,
.authors-block .single-line:after,
.single-line:after,
.single-author:after,
.single-leader:after,
.single-leader .info:after,
.layout-2:after,
.highlighted-block:after,
.col-3:after,
.content .head:after,
.pager:after,
.user-post:after,
.user-post .post .nav:after,
.login-block:after,
.progress-bar:after,
.test-area:after,
.test-results .b-nav:after,
.search-block:after,
.clearer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.clearer {zoom:1;}

/* expand-collapse */
.single-line { margin: 0 0 15px;}
.single-line h3{ float: left; padding: 0 0 0 5px; }
.expanded-block { margin: 0 0 15px; padding: 0 0 0 5px; }

.nav-expand { width: 102px; display: block; font-size: 10px; color: #858687; line-height: 22px; height: 22px; float: right; margin-bottom: 12px;}
.nav-expand a { float: right; display: block; background: url(../../images/bg-plus-minus.gif); width: 22px; height: 22px; }
.nav-expand a.expand { background-position: 0 0;}
.nav-expand a.collapse {background-position: -22px 0;}
.nav-expand a.expand:active { background-position: 0 -26px;}
.nav-expand a.collapse:active {background-position: -22px -26px;}
.nav-expand span { float: right; margin-right: 10px; text-transform: uppercase; }


