/* Resets and Presets */
* { margin:0; padding:0;list-style:none; }
body { background:#d4d4d4; font:normal .625em/1em Arial; color:#000; overflow-y:scroll;}
a, a:visited { color:#04477C; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline; }
blockquote { padding:0 10px; }
img { border:none; }
p { padding:10px 0 0; }

/* Common Styles */
#page { background:#FFF url(../images/bg.png) repeat-x; margin:0 auto;width:1000px;border:0px solid #000;}
#wrapper { padding:0px;}
#wrapper .column { position:relative; float: left; }
#header { height:98px; margin:0 1%;clear:both;}
#header.demo3 { height:98px !important; }
#logo { padding:0 0 0 15px; position:relative; top:10px; margin:0 0 20px; float:left; display:inline-block; width:255px; height:85px; }
#welcome { float:right; font:normal 1.1em Tahoma, Geneva, sans-serif; color:#b9d4df; }
#welcome a { color:#ffffff; text-decoration:none; }
#welcome a:hover { text-decoration:underline; }
/*#navigation { clear:left; list-style:none; height:25px; float:left; display:block; width:60%;}
#navigation li { float:left; }
#navigation li a { color:#15496e; padding:0 5px; display:block; font:normal 1.2em/2.08em Arial; }
#navigation li a:hover { background:url(../images/navigation-active.png) repeat-x; }
#navigation li a.selected { background:url(../images/navigation-active.png) repeat-x; text-decoration:none;font-weight:bold; }
*/
/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{border:0px solid #fff;margin:0px;padding:0px;float:left; display:block; height:56px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#navigation{height:29px;font-size:12px;text-transform:none;font-weight:normal;background:#fff url(../images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#navigation ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#navigation ul li{display:block;float:left;margin:0 1px;}
#navigation ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 10px;line-height:29px;}
#navigation ul li a span{padding:9px 20px 0 0;height:21px;float:left;}
#navigation ul li a:hover{color:#fff;background:transparent url(../images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#navigation ul li a:hover span{display:block;width:auto;cursor:pointer;}

#navigation ul li a.current,#navigation ul li a.current:hover{color:#fff;background:#1D6893 url(../images/dolphin_left-ON.gif) repeat-x top left;line-height:29px;font-weight:bold;}
#navigation ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../images/dolphin_right-ON.gif) no-repeat top right;height:29px;}

#navigation ul li#forum {margin-right:0px;padding-right:0px;}
#navigation ul li#forum a {color:#FFF; background:#FF6600 url(../images/forumbg.png) repeat-x scroll left top; line-height:27px;font-weight:bold;margin-right:0px; border: 1px solid #999;}
#navigation ul li#forum a:hover{background:#ef6001 url(../images/forumbg_hover.png) repeat-x scroll left top;display:block;width:auto;}

/* ---------------------- END Dolphin nav ---------------------- */

#breadcrumbs { clear:both;border:0px solid #fff; color:#ffffff;font-family:Arial;font-size:11px; margin:auto 11px;padding-bottom:0px; line-height:28px;}
#breadcrumbs span {text-decoration:none; color:#ffffff; margin:auto 6px 0px auto; }
#breadcrumbs span a {color:#ffffff;margin-right:4px;text-decoration:none;}
#breadcrumbs span a:hover { text-decoration:underline; text-decoration:underline; }

#nav_admin {list-style:none; height:25px; float:right; display:block; width:11%;}
#nav_admin li { float:left; }
#nav_admin li a { color:#15496e; padding:0 5px; display:block; font:normal 1.2em/2.08em Arial; }
#nav_admin li a:hover { background:url(../images/navigation-active.png) repeat-x; }
#nav_admin li a.selected { background:url(../images/navigation-active.png) repeat-x; text-decoration:none;font-weight:bold; }

#searchform { float:left; height:49px; width:260px; margin:2px; position:relative; left:475px; top:34px;}
#search_key { float:left; width:170px; height:19px; border:1px solid #6a94a7; margin:0 5px 0 0; }
#searchsubmit { width:24%; float:left; position:relative; left:4px; height:19px; }
#content { clear:both; width:710px; float:left; position:relative; border:1px solid #669eb7; margin:15px 0 0; }

#content table {color:#656667; font:normal 1.4em Tahoma;}

#content.demo1, #content.demo4 { left:1.2%; }
/*#content.demo2 { width:47% !important; left:23.8%; margin:15px 0 0 25px; padding-bottom:6px; }*/
#content.demo2 { width:468px; left:23.8%; margin:15px 0 0 25px; padding-bottom:6px; }
#content h1, #content #h1 { background:#145c84 url(../images/content-h2.png) no-repeat; padding:0 0 0 50px; font:normal 1.2em Arial; color:#fff; height:27px; margin:0px; line-height:27px; }
#content.demo4 { border:none; }

#content.demo4 h1 {
    width:640px;
    height:47px;
    background:#0C2C44 url(../images/title-round1.png) no-repeat scroll 0 0;
    margin:auto auto 8px;
    line-height:2.2em;
    clear:both;
    text-align:center;
    color:#FFF;
    font-size: 2.0em;
    padding:0;
}
#content.demo4 #video_nbi {
    margin:auto auto 8px;
    width:640px;
    text-align:center;
    border: 0px solid #ebdba5;
    /*width:604px; margin:15px auto; display:block;*/
}
#content.demo4 #video_nbi #lock {
    line-height:27px;
    width:640px;
    height:480px;
    color:white;
    font-size:20px;
    text-align:center;
    background-image:url(../images/player_locked.png);
    margin:0px auto;
    border: 0px solid #ebdba5;
}

#content.demo4 .desc {
    line-height:1.5;
    min-height:100px;
    font-size:14px;
    width:646px;
    margin:8px auto;
    padding-left:6px;
    word-wrap:break-word;word-break:keep-all;
}
#content.demo4 .desc .featured-image {
    float:left;
}

#content #meta-info {
    margin:auto auto 8px;
    height:36px;
    line-height:2.4em;
    text-align:center;
    width:640px;
    background:#0C2C44 url(../images/footer-round1.png) no-repeat scroll 0 0;
    color:#FFF;
    font-size:1.4em;
}

#content #meta-info a {
    padding: auto;
    margin: auto;
    color:#FFF;
    font-size:12px;
}

#content #meta-info a:hover {
    text-decoration:underline;
}

#content #rating { width:384px; float:left;margin:6px 0px 6px 34px;padding:0px;font:normal 1.2em Arial; color:#143046;}
#content #rating img { float:left; }
#content #rating p { float:left; padding:0 5px 0 10px; }
#content #remove {z-index:100; width:90px;float:right;margin:6px 24px 6px 0px;padding:0px;font:normal 1.2em Arial; color:#545454;text-align:right;}
#content #quiz {border: 0px solid #669eb7;width:170px;float:left;margin:6px 0px 6px 0px;padding:0px;line-height:normal;text-align:center;font:normal 1.2em Arial;}

#content #thumb {margin:0px 30px;padding:0px 20px; font:normal 1.5em Arial; color:#143046; border: 0px solid #ebdba5;}
#content #thumb #box {width:110px;height:110px;margin:0px 20px; text-align:center; float:left; border: 1px solid #A6A6A6;}
#content #comments-number { font:bold 1.8em/2em Arial; color:#cc0000; clear:both; display:block; margin: 0 35px; }
#content #comments { background:#ffffff; border:1px solid #a6a6a6; padding:10px;margin: 0 25px;  }
#content #comments p { 
    padding:0 5px 0 0px;
    margin:0px;
    font:normal 1.2em Arial; color:#7C8EA8;font-size:14px;
    line-height:1.2;
    word-wrap:break-word;
    word-break:keep-all;
}

#content #comments .item{
    margin:5px 0;
    padding:6px 6px 6px 0px;
    width:630px;
    font:normal 1.4em Arial;
    border: 0px solid #669eb7;
}

.item div#avatar{
    float:left;
    margin:0px 4px 4px;
    padding:0px 3px 3px;
    text-align:center;
    border: 0px solid #669eb7;
    width:100px;
    height:100px;
}

.item div#body{
    margin:0px 0px 0px 120px;
    padding:6px;
    border: 0px solid #669eb7;
    background:#F2F2F2;
    width:498px;
    min-height:120px;
}

span#author_said{
    color:#6E8094;
}

div .reply{
    text-align:right;
    margin:0;
    margin-right:10px;
    padding:0;
    border: 0px solid #669eb7;
    font-size:13px;
    color:#676C75;
    margin: 0 0px;
}

#content #comments .item_reply{
    margin:0px;
    padding:0px;
    width:490px;
    font:normal 1.4em Arial;
    border: 0px solid #669eb7;
}

.item_reply div#avatar{
    float:left;
    margin:0px 4px 4px;
    padding:0px 3px 3px;
    text-align:center;
    border: 0px solid #669eb7;
    width:50px;
    height:50px;
}

.item_reply div#body{
    margin:4px 0px 4px 70px;
    padding:6px;
    border: 0px solid #669eb7;
    background:#E7E7E7;
    width:398px;
    min-height:65px;
}

#content.demo4 h3 { font:bold italic 1.8em/2.5em Arial; color:#517ebb; display:block; margin: 0 35px;}
#content.demo4 h4 { font:bold italic 1.0em/2.5em Arial; color:#517ebb; display:block; margin: 0 0px;}
#content.demo4 h6 { font:bold italic 0.6em/1.2em Arial; color:#517ebb; display:block; margin: 0 0px;}
#content #commentform { background:#f6f7f8; border:1px solid #a6a6a6; padding:10px; overflow:hidden; height:1%;margin: 0 25px;}
#text-area { width:70%; float:left; }
#profile { float:right; width:26%; padding:0 1%; text-align:center; }
#profile h3 { line-height:24px !important; }
#profile h3 a { color:#517ebb; }
#profile img { padding:10px 0; }
#profile p { font:bold italic 1.2em Arial; color:#517ebb; }
#text-area label { font:bold italic 1.4em Arial; color:#517ebb; }
#text-area textarea { display:block; width:100%; height:200px; margin:10px 0 0; }
#text-area #comment-submit { float:right; padding:15px 0px 0 0; }

#wrapper #content-header h2 {
    color:#263C97;
    font-size:2.2em;
    font-weight:normal;
    line-height:1.1;
    /*margin:20px 0 5px;*/
    margin: 10px auto 10px 40px;
}
#wrapper .post-info {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/post-title.png) no-repeat scroll left bottom;
    color:#BEBEBE;
    font-weight:bold;
    padding:0 0 12px;
    font-size:1.2em;
    line-height:1.67;
    margin-left:40px;
}
#content .news {clear:both; overflow:hidden; height:1%; padding:10px 10px 10px; background:url(../images/content-seperator.png) center bottom no-repeat; }
#content .news .featured-image { float:left; width:15%; margin:10px;}
#content .news .content {float:left; width:82%;}
#content .news .content_home {float:left;width:100%;}
#content .news .content_home p {
    word-wrap:break-word;
    word-break:keep-all;
}

#content .news .content_post {float:left;width:98%;}
#content .news .content_post p {
    word-wrap:break-word;
    word-break:keep-all;
}

#content .news h2 { font: normal 2.2em Arial; color:#841414; margin:5px 0 0; }
#content .news .demo3 h2 { font:bold 1.2em Tahoma; }
#content .news .demo3 h2 a { color:#008bd5; }
#content .news p { font:normal 1.3em Tahoma; word-wrap:break-word;word-break:keep-all;}
#content .news #read_more { float:right;padding:0;}
#content #results { float:left; padding:0 3% 0 0; line-height:27px; }
#content #type { padding:0 2% 0 0; float:left; width:130px; line-height:27px; }
#content #by { padding:0 2% 0 0; float:left; line-height:27px; }
#content #resultspp { padding:0 2% 0 0; float:left; line-height:27px; width:146px; }
.rating { float:left; width:170px; display:inline; padding:10px 2% 0 0; }
#post_rating {border:0px solid #000; float:left; width:100%; display:inline;}
.date { float:left; width:80px; padding:12px 1% 0 0; color:#656667; font-size:12px;}
.views { float:left; width:85px; padding:12px 1% 0 0; color:#656667; font-size:12px;}
.test { float:left; width:85px; padding:12px 1% 0 0; color:#656667; font-size:12px;}
.view-now { float:left; width: 80px; padding:10px 0 0 20px;}
#pagination { margin:0px auto; top:20px;}
#pagination p, #pagination span, #pagination a { text-align:center;padding:10px 3px 0; font:normal 1.3em Arial; color:#000000; }
#pagination a, #pagination span {font-size:13px;}
#pagination a {color:#008bd5; }
#comments #pagination p { float:right; padding:10px 3px 0; font:normal 1.2em Arial; color:#545454; }
span.select { position:absolute; height: 20px; padding:3px 35px 0 6px; font:normal 1em Arial; color:#000; margin:4px 0 0 0; text-align:left; }
#type span.select, #by span.select { background:url(../images/drop-down.png) no-repeat; width:80px; padding:0 11px 0 5px; line-height:20px; }
#resultspp span.select { background:url(../images/results-drop-down.png) no-repeat; width:30px; padding:0 11px 0 5px; line-height:20px; }
#resultspp select.styled { width:46px !important; }

.sidebar .sidebar-item {border:1px solid #669eb7; margin:15px 0 0; }
.sidebar-item a { font:normal 1.1em Arial; padding:2px 0; }
.sidebar-item p { font:normal 1.0em Arial; font-size:12px; padding:2px 0; color:#666666; text-align:left; }

.sidebar-item i {
    font-size:smaller;
    color:gray;
    font-style:italic;
}

.sidebar-item dl{
    list-style:none; margin:0 0 0 0; padding:0px;
}

.sidebar-item dt {
    font:normal 1.2em Arial;
    padding:0px; height:27px;
    border-top:1px solid #9A9A9A;
    border-bottom:0px solid #9A9A9A; margin:0px 0 0;
}

.sidebar-item dt a{
    /*background:#9cc5db url(../images/arrow.png) no-repeat 10px 6px;*/
    background:#ffffff url(../images/glossyback.gif) repeat-x bottom left;
    padding:0 0 0 10px; line-height:28px; display:block; color:#ffffff;
}

.sidebar-item dt a{
    /*Non IE6 width*/
    width: auto;
}

.sidebar-item dt a:hover{
    /*background:#ffffff url(../images/arrow-hover.png) no-repeat 10px 6px;*/
    background:#ffffff url(../images/glossyback2.gif) repeat-x bottom left;
    padding:0 0 0 10px; color:#ffffff; text-decoration:none;
}

.sidebar-item dt a[class=cat_current]{
    /*background:#ffffff url(../images/arrow-down.png) no-repeat 10px 6px;*/
    background:#ffffff url(../images/glossyback2.gif) repeat-x bottom left;
    padding:0 0 0 10px; line-height:28px; display:block; font-weight:bold;
}

.sidebar-item dt a[class=cat_current]{
    /*Non IE6 width*/
    width: auto;
}

.sidebar-item dt a[class=cat_current]:hover{
    /*background:#ffffff url(../images/arrow-down-hover.png) no-repeat 10px 6px;*/
    background:#ffffff url(../images/glossyback2.gif) repeat-x bottom left;
    padding:0 0 0 10px; color:#ffffff; text-decoration:none;
}

.sidebar-item dd {
    border-top:1px solid #9A9A9A;
}

.sidebar-item dd a{
    display: block;
    padding:3px;
    padding-left:10px;
    padding-right:5px;
    color: #ffffff;
    text-decoration:none;
    width: 100%;
    background-image:none;
}

.sidebar-item dd a{
    /*Non IE6 width*/
    width: auto;
}

.sidebar-item dd a:hover{
    background-image:none; text-decoration:underline;
}

.sidebar-item ul {
    list-style: none;
}

.sidebar-item ul p{
    word-wrap:break-word;
    word-break:keep-all;
}
.sidebar-item dd ul li{ padding:2px 10px; border-top:0px dashed #6a94a7; font-size:11px; color:#666666;}

.sidebar h2 { background:#145c84 url(../images/sidebar-h2.png) no-repeat left top; height:27px; padding:0 0 0 50px; font:normal 1.2em Arial; color:#FFF; line-height:27px; margin:0px; }
.sidebar #login { padding:10px 14% 15px 9%; }
.sidebar #login label { display:block; font:normal 1.2em Arial; color:#333; margin:5px 0; }
.sidebar #login #name, #password { width:77%; }
.sidebar #login_btn { display:block; margin:5px 0 0; }
.sidebar #login a { display:block; margin:5px 0; font:normal 1.2em Arial; }
.sidebar #avatar { float:left; padding:10px 1% 1% 10px; }
.sidebar #account-info { float:left; width:40%; padding:20px 0 0 15px; }
.sidebar #account-info p { font:normal 1.2em Arial; color:#545454; }
.sidebar #account-info a { color:#008bd5; display:block; padding:5px 0; font:normal 1.2em Arial; }
.sidebar #account-info a:hover { color:#a10909; }
.sidebar #last-login { clear:both; display:block; font:normal 1.1em Arial; color:#545454; padding:1% 1% 5px 5px; }
.sidebar ul { list-style:none; margin:0px; padding:0px; }
.sidebar ul li { padding:2px 10px; border-top:0px dashed #6a94a7; font-size:11px; color:#666666; border-top:1px dashed #145C84; margin-top:-1px;}
.sidebar ul li a { color:#04477C; font:normal 1.2em Arial;}
.sidebar ul li a:hover { color:#a10909; }
/*.sidebar ul:first-child { font:normal 1.2em Arial; padding:2px 5px; border-top:0px dashed #6a94a7;}*/

.sidebar ul.demo3 { list-style:none; margin:0 0 0 0; padding:5px 0; }
.sidebar ul.demo3 li { font:normal 1.2em Arial; padding:2px 0 2px 0; height:29px; font:normal 1.2em Arial; border-top:1px solid #dae8ee; border-bottom:1px solid #bcd0dc; margin:1px 0 0; }
.sidebar ul.demo3 li a { background:url(../images/arrow.png) no-repeat 10px 6px; padding:0 0 0 35px; line-height:29px; display:block; }
.sidebar ul.demo3 li a:hover { background-color:#9cc5db; no-repeat 10px 6px; color:#FFF; text-decoration:none;}

#footer {clear:both; background:url(../images/footer-bg.png) repeat-x; height:170px; margin:15px 0 0; padding:0 1%; }
#footer-logo { margin:77px 0 0 0; float:left; width:321px; }
#footer ul { float:right; list-style:none; margin:100px 0 0; }
#footer ul li { float:left; color:#FFF; }
#footer ul li a { padding:0 8px 0 9px; color:#b9d4df; font:normal 1.1em Tahoma; }
/* Demo 1 Styles. The main class is attached to the body tag. This makes it more effiecient and allows for less markup and just 1 css file (instead of a 3 or 4) */
/*#navigation { width:69%; }
#searchform { width:30%; }
*/
.sidebar.demo1 { width:25%; padding:0 25px 0 0; float:left; left:2.5%;}
.sidebar.demo2 { float:left !important; position:relative;}
.sidebar.left {left:-48%; width:23%; padding:0 25px 0 0;}
.sidebar.right { width:23%;}
/*
*+html .sidebar.demo1 { left:-74%; }
*+html .sidebar.left { left:-54.5%; }
*+html .sidebar.right { width:21%; }
*+html #type, *+html #by, *+html #resultspp { margin:-4px 0 0; }
*/
.clear {clear:both;height:1px;}

div#error_msg {
    clear: both;
    margin: 6px 10px;
    padding: 5px;
    line-height: 1.5;
    background: #fdfdd5;
    border: 1px solid #ebdba5;
}

/*#banner {position:absolute; margin:25px 0px 0px 270px; float:left;}*/

.fp_long_banner {
    position:relative;
    left:121px;
    width:468px;
    border: 1px solid #669EB7;
    top:17px;
}

.fp_square_banner {
    position:relative;
    left:-1px;
    width:250px;
    top:17px;
    border: 1px solid #669EB7;
}

.fp_square_banner_blog {
    position:relative;
    width:200px;
    top:17px;
    left: 25px;
    border: 1px solid #669EB7;
}

.fp_square_banner_wall {
    position:relative;
    width:200px;
    top:17px;
    left: 15px;
    border: 1px solid #669EB7;
}

.fp_square_banner_200 {
    position:relative;
    width:200px;
    top:17px;
    left: 15px;
    border: 1px solid #669EB7;
}

#content .news h2.maintext {
    font:normal 1.2em Arial;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight:bold;
}

#content .news p.maintext {
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 16px;
}

#share_last {
    padding:6px 0;
}

.notice .notice-item {border:1px solid #669eb7; margin:5px 0 0; }
.notice ul { list-style:none; margin:0px; padding:2px; }
.notice ul li { padding:2px 10px; font-size:9px; color:#666666; border-bottom:1px dashed #145C84; margin-top:-1px;}
.notice ul li a { color:#04477C; font:normal 1.2em Arial;}
.notice ul li a#bold { font-weight:bold;}
.notice ul li a:hover { color:#a10909; }
.notice-item a { font:normal 1.1em Arial; padding:2px 0; }

.notice-item ul {
    list-style: none;
}

#quiz_title {
    margin:auto auto 8px;
    height:36px;
    line-height:36px;
    text-align:center;
    width:640px;
    background:#0C2C44 url(../images/footer-round1.png) no-repeat scroll 0 0;
    color:#FFF;
    font-size:1.2em;
}

#quiz_about {
    word-wrap:break-word;word-break:keep-all;
    line-height:1.5;
    min-height:100px;
    font-size:14px;
    width:646px;
    margin:8px auto;
    padding-left:6px;
}

#quiz_progres {
    /*border:1px solid #C6E113;*/
    height:22px;
    width:245px;
    margin-bottom:10px;
}

#quiz_progres #bar {
    float:left;
    background: url(../images/progress_bg.png) top left no-repeat;
    height:22px;
    width:170px;
    margin:0px;
    padding:0xp;
}

#quiz_progres #what {
    float:right;
    line-height:20px;
    font-size:10px;
    padding-right:6px;
    text-decoration:underline;
    color: #FFFFFF;
}

#quiz_progres #bg{
    float:left;
    height:22px;
    width:0px;
    margin:0px;
    padding:0xp;
    background: url(../images/progress_color.png) top left no-repeat;
}

#quiz_progres #bg span{
    position: absolute;
    top:0; left:0;
    text-align: center;
    width:170px;
    padding-top: 5px;
    color: #D95600;
    font-size:11px;
    font-weight:bold;
}

#quiz_result{
    margin:8px auto;
    width:646px;
    background:#6BAFD4;
    border-spacing:1px;
}

#quiz_result th{
    height:25px;
    color:#ffffff;
    font-size:13px;
}

#quiz_result td{
    background:#ffffff;
    border:0px dashed #145C84;
    height:22px;
    text-align:center;
    font-size:12px;
}

#quiz_result_view{
    width:646px;
    background:#6BAFD4;
    border-spacing:1px;
}

#quiz_result_view td{
    padding:5px;
    line-height:20px;
    background:#ffffff;
    border:0px dashed #145C84;
    height:22px;
    text-align: left;
    font-size:12px;
}

#quiz_qustion{
    width:646px;
}

#quiz_qustion td{
    background:#ffffff;
    padding:6px;
    min-height:30px;
    max-width:640px;
    text-align:left;
    font-size:14px;
}

#quiz_qustion td#bb{
    border-bottom:1px solid #6BAFD4;
}