html,body{margin:0;padding:0;height:100%;width:100%;}
body{ font-size:13px;line-height:25px;background:#eee; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; }

a{text-decoration:none; color: #6ae;}
a:hover{ color:#359 }
input,textarea,select{outline:none;}
ul{list-style:none;padding:0;margin:0;}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* custom selection colors */
::-moz-selection {color: #fff; color: rgba(255, 255, 255, 0.85); background: #ea4c89; }
::selection {color: #fff; color: rgba(255, 255, 255, 0.85); background: #ea4c89; }

#main_container{ background-color:#3B3A3F; padding-left:65px; }

.modal_open{ position: relative; overflow: hidden; }
#overlay{ display: none; color: #ccc; position: fixed; z-index: 5; box-shadow: 0 0 5px #000; bottom: 0; left: 0; overflow: auto; right: 0; top: 0; }
#overlay.active{ display:block; }
.overlay_bar{ background:rgba(20,20,20,0.4); margin: 20px auto;min-height: 1px; max-width: 85%; position:relative; border-radius: 5px }
.overlay_bar .overlay_text{ padding: 5px 20px; color: #ccd; }
.overlay_bar ul{ margin: 0 20px; cursor: default; }
.overlay_bar li{ display: inline-block; border-right: 1px solid #334}
.overlay_bar li:first-child{ font-size: 12pt; color:#dde; border-right: none; padding: 0 20px }
.overlay_bar a{ display: block; padding: 6px 20px; color: #99c; cursor: default; }
.overlay_bar a:hover{ background-color: #fff; color: #69c; text-shadow:none; }

#overlay_close{  top: 50px; right: 17px; position: fixed; border-radius: 20px 0 0 20px; background-image: url('menu/close.png'); background-color: rgba(0,0,0,0.2); padding: 20px;}


/*
    Headbar Section
*/
#headbar{ background-color: #373737; color:#ddd; text-shadow: 0 1px 1px #000; padding:8px 5px;position: relative; z-index: 2;  }
#headbar > ul{ top:0; right:5px }
#headbar > ul > li{ display:inline-block; vertical-align:top; }
#headbar > ul > li > a{ padding: 8px 10px ; display:block; color:#ccc }
#headbar ul a:hover{  }
#headbar > ul >li.active > a{ background-color:#272727 }
#headbar > ul >li.active ul{ display:block }

/*
    Menubar Section
*/
.norm_menu { display:none; z-index:1; position:absolute; background:rgba(255,255,255,.6); top:50px; border:1px solid #aaa; border-radius: 5px; box-shadow: 0 0 10px #666; right:10px }
.norm_menu:before{ position:absolute; content: '\25b2'; top: -21px; right:10px; font-size:16pt; color:#f8f8f8; text-shadow:0 -1px 1px #666;}
.norm_menu .bord{ border-top:1px solid #bbb; box-shadow: inset 0 1px 1px#fff; }
/*.norm_menu li{ padding: 3px 15px }*/
.norm_menu a{ display:block; text-shadow:0 1px 1px #fff; width: 150px; padding:5px 15px; padding-left:20px }
.norm_menu a:hover{background: #7af; color: #fff; text-shadow: 0 1px 1px #666; }

/*
    Sidebar Section
*/
#sidebar{ width: 65px; text-align:center; position:absolute; left:0 }
#sidebar li { border-bottom:1px solid #222;}
#sidebar li a{ display:block; padding:5px; color:#ccc;  }
#sidebar li:hover ul{ display:block }
#sidebar li ul{ display:none;z-index:2; position:absolute; left:65px;border-left:1px solid #ccc; top:10px; border-right: 1px solid #ccc; background:#f2f2f2 }
#sidebar li li:first-child{ border-top:1px solid #ccc }
#sidebar li li {position:relative; border-bottom-color: #ccc }
#sidebar li li a{ padding:5px; display:block; width:100px }
#sidebar li a:hover{ background-color:rgba(0,0,50,0.2); }
#sidebar .active ul{ display:block }

#sidebar .icons .ico{ background-repeat: no-repeat; border-right-width:3px; border-right-style: solid; background-position: center 8px; padding-top:35px; }
#sidebar .ico.active{ background-color: #fff }
.ico_home{ background-image: url('menu/home.png'); border-right-color: #6af; }
.ico_nots{ background-image: url('menu/home21.png'); border-right-color: #DE6262; }
.ico_msgs{ background-image: url('menu/social21.png'); border-right-color: #6DC781}
.ico_movies{ background-image: url('menu/movies21.png'); border-right-color: #c49af4}
.ico_tvshows{ background-image: url('menu/tvshows21.png'); border-right-color:#f96 }


/*
    Main Section
*/
#main{ background: #F7F6F7; min-height:1500px; height:100%; box-shadow: inset 1px 0 5px #ddd; border-left: 1px solid #ccc;border-top:5px solid #6af; padding-bottom: 100px }
.max{ max-width:900px; margin: 0 auto; position:relative}

.area .area_content{ display:none; }
.area.active .showing{ opacity: 1; }
.area.active .area_content{ display: block }
.area.active .sec_title{ color:#89c; }

.sec_title{ cursor:default; margin:30px 10px 10px; padding: 0 0 5px 35px; border-bottom: 1px solid #ccc; color:#999;font-size: 15pt; text-shadow: 0 1px 1px #fff; position: relative; }
.showing{ background: url('menu/show.png') no-repeat center;opacity: 0.3; position: absolute; left: 0px; top:2px; height: 24px; width: 24px; display: block }
.showing:hover{ opacity: 0.6; }
.tabs{ font-size: 10pt; font-weight: normal; position: absolute; right: 0; top: 0px}
.tabs li{ display: inline-block; }
.tabs a{ color:#666;display: block;background: #eee; border: 1px solid #ccc; border-bottom-color: #ddd; padding: 2px 5px; border-radius: 5px 5px 0 0 }
.tabs .active{ border-bottom-color: #f6f6f6 }
.tabs a:hover{ background-color: #f8f8f8 }

/*.tab_container{ background-color: #f00; margin:0; padding:0; }*/
/*.tab_container .dialog{ margin:0; }*/


#section_content{  }

#msgsnippets{border-right:0; width:270px; text-align:left; }
#msgsnippets li{ color: #777; cursor:pointer; padding: 10px 10px 10px 70px ; }
#msgsnippets li:hover{ background:#fff }
.msg_icon{ position:absolute; left:10px; top:25px; overflow:hidden; border-radius:5px }
.msg_icon img{display:block}
.msg_snip_content{ word-wrap:break-word; }
.msg_snip_content h3{ margin:10px 0 0; }
.msg_time{ position:absolute; font-size:8pt; top:80px; left:10px; width:50px; text-align:center}

#notsnippet{ width: 270px; text-align:left }
#notsnippet li{ color: #777; cursor:pointer; padding: 5px 5px 5px 70px ; }
#notsnippet li:hover{ background:#fff }

#section_header{ font-size:12pt; color:#555; text-shadow:0 1px 1px #fff; box-shadow:inset 1px 0 2px #ddd; background-color:#fff; position: relative; padding: 10px;}
#section_header:before{ position:absolute; content: '\25bc'; bottom: -15px; font-size: 12pt; left: 20px; color:#fff; text-shadow:0 2px 1px #ddd }
#section_header .combo{ font-size:9pt; height:inherit; top:0}

.extend_list{ margin: 10px; box-shadow: 0 0 5px #999; border-radius: 6px; border: 1px solid #999 }
.extend_list > h3{ margin:0;padding:4px 15px; color: #999; font-weight: normal; cursor: default; position: relative; border-radius: 5px 5px 0 0; text-shadow:1px -1px 1px #000; border-bottom:1px solid #111; border-top:1px solid #000;}
.extend_list > h3 span{ display: block; position: absolute; right:15px; top:5px; }
.extend_list li{ background-color: #F9FAFC; border-bottom:1px solid #ccc; cursor: default;}
.extend_list li > div:first-child span{ margin: 10px; display: block; }
.extend_list .coverimg{ height:110px; font-size: 20pt; position: relative; }
.extend_list li > div.coverimg span{ display: none }
.extend_list img{ position: absolute; height: inherit;width: 100%; display: block;  }
.extend_list li > div{ vertical-align: top; position: relative; }
.extend_list li div:first-child{width: 69%; display: inline-block; line-height: 18px; border-right:1px solid #ccc;height:110px; }
.extend_list li div:nth-child(2){width: 29%; display: inline-block; line-height: 20px; color: #777;  }
.extend_list li:nth-child(even){ background-color: #F5F6FA }
.extend_list li:first-child{ border-top:1px solid #555; }
.extend_list li:last-child{ border-radius: 0 0 6px 6px; border-bottom: none }
.extend_list li:hover{ background-color: #fff }
.extend_list li:hover .coverimg span, .extend_list li:hover .option{ display: block }
.extend_list li:hover img{ opacity: 0.1 }
.extend_list li:hover .u_time,.extend_list li:hover .u_progress{ color: #cd9 }
.extend_list li > div:last-child{ background-color: #2d2c30; position: relative; box-shadow: inset 0 0 5px #111; color:#99a; display: none; padding: 10px; }
.extend_list li > div:last-child:before{ content:'\25b2'; position: absolute;top:-18px; right:20%; font-size: 20pt; color: #2d2c30; }
.extend_list li.active > div:last-child{ display: block }
.extend_list li .option{ display: none }


.u_progress{ position: absolute; right: 0px; font-size: 25pt; top: 20px; font-weight: bold; color: #eee; }
.u_time{ font-size: 13pt; display:block; text-align: center;margin: 2px; color:#ddd; }
.u_info{ display: block; padding: 10px; }


/*.photo_gallery{ text-align: center; }*/
.photo_gallery ul{ padding:0; margin:0 10px; }
.photo_gallery .item{ position:relative; min-height: 100px; max-width: 280px; background: #fff; margin: 10px auto; box-shadow: 0 2px 3px #bbb; vertical-align: top; display:inline-block; padding: 10px 10px 0; }
.photo_gallery img{ display: block; width: 280px; min-height: 60px; }
.photo_gallery span{ display: block; text-align: left; padding:5px; color: #898; }
.photo_gallery time{ background: url(menu/date.png) no-repeat 0 center; padding:0 10px 0 25px;  }


.video_list h3{ margin-left: 40px; color: #888; font-size: 16pt;}
.video_list h3 b{ color: red }
.video_list ul{ text-align: center; margin: 10px 35px }
.video_list li{ position: relative; cursor: default; vertical-align: top; margin:30px 5px;  display: inline-block; }
.video_img{ border:1px solid #333; border-top-color:#6d6d87; border-right-color:#6d6d87; position: relative;width: 250px; height: 140px; overflow: hidden; border-radius: 3px; box-shadow: 0 2px 5px #112; }
.video_img:before{ position: absolute; height: 100%; width: 100%; top:0; left: 0; content: ''; }
.video_list span { display: block; width: 100%; text-align: left; line-height: 16px; margin-top: 5px; color: transparent; opacity: 0.7 }
.video_list span img{ float: left; height: 35px; vertical-align: top; margin-right: 5px }
.video_list h4{ position: absolute; z-index: 1; height: 140px; font-size: 12pt;color: #9cf; line-height: 18px; display: none; font-weight:normal; padding:20px 10px; width: 100%; background-color: rgba(0,0,0,0.8); margin: 0;}
.video_list h4 span{ position: absolute; bottom:5px; right:5px; text-align: right; display: block; font-size: 9pt; width: 100%; color: #ccc}
.video_img img{ width: 100%; max-height: 100%; display: block; }
.video_list li:hover h4{ display: block; }
.video_list li:hover > span{ color:#fff; opacity: 1 }
.video_list .video_list_subsection{ display: block; text-align: left; margin: 15px 50px 5px; color: #ccc; text-shadow:1px -1px 1px #000; font-size: 16pt;  }
.video_list .video_list_break{ display: block }
.video_list_more{ font-size: 13pt; width: 180px; background-color: rgba(0,0,0,0.8); height: 130px; color: #333; word-wrap:break-word; padding: 10px; border-radius: 10px}
.video_list_more b{ color: #666; display: block; margin-top: 10px }
.video_list_more:hover{ background-color: #999 }
.video_list_more:active{ background-color: #fff }

.stripe_list{ max-width: 85%; margin: 10px auto; }
.stripe_list h3{ font-size: 20pt; color: #99a; margin: 40px 0 10px; }
.stripe_list h4{ font-size: 16pt; color: rgba(170,160,170,0.4); margin: 40px 0 10px; }
.stripe_list li{ margin: 5px 2px; display: inline-block; }
.stripe_list li a{ color:#ccd;padding: 5px; width:200px; display: block; background-color: rgba(190,170,190,0.3) }
.stripe_list img{ display: inline-block; vertical-align: text-top; margin-right: 10px }
.stripe_list li a:hover{ background-color: rgba(0,0,0,0.3) }
.stripe_list li a:active{ color:#f96; background-color: #fff }


#view_box{ display: none; position: fixed; z-index: 6; height: 100%; width: 100%}
#view_box.active{ display: block }
#view_comm{ position: fixed; background:#000;min-width: 800px; width: 90%;right:0; border-radius: 10px; left: 0; height: 70%; box-shadow: 0 2px 5px #000; bottom: 0; top: 0;margin:auto; }
#view_comm .close{ position: absolute;right: -24px; top:-20px; background-image: url('menu/close.png');  }
#view_preview{ height: 100%; position: relative; overflow: hidden; border-radius: 10px 0 0 10px }
#view_info{ background: url('menu/noise.png'); box-shadow: inset 2px 0 4px #666; position: absolute; width: 300px; height: 100%; right: 0; top:0; display: none; border-radius: 0 10px 10px 0; overflow-x:hidden; overflow-y: auto; }
#view_preview .item{ position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto;max-height: 100%; max-width: 100%; }
/*#view_info_comm{ height: inherit; }*/

#view_box.show_info #view_preview{ margin-right: 300px; }
#view_box.show_info #view_info{ display: block }


.table{ margin:10px; position: relative; line-height: 20px; color:#777; box-shadow: 0 0 1px 1px #ccc; border-radius: 10px; overflow: hidden; border:1px solid #999;}
.table thead.bigger th{ padding: 20px 5px; }
.table table{ border-radius: 10px;}
.table thead{ color:#444; text-shadow: 0 1px 1px #fff; line-height:30px;}
.table thead:nth-child(n+2){ border-top:1px solid #999; }
/*.table thead tr th{ border-radius: 50px; }*/
.table th{  padding: 10px; text-align: left }
.table th:first-child{ border-radius:10px 0 0 0; }
.table th:last-child{ border-radius: 0 10px 0 0; }
.table tfoot td:first-child{ border-radius: 0 0 0 10px; }
.table tfoot td:last-child{ border-radius: 0 0 10px 0; }
.table tfoot td:only-child{ border-radius: 0 0 10px 10px; }
.table tfoot td{ padding: 5px; border-top: 1px solid #ccc; background-color: #eee }
.table tr{ line-height:15px; position: relative; }
.table td{ width:0.5%; padding:10px; position: relative; }
.table tbody td{ border:1px solid #ccc; }
.table tbody tr td:first-child{ border-left:none; }
.table tbody tr td:last-child{ border-right:none; }
.table tbody tr:first-child td{ border-top-color:#999; }
.table tbody{ background-color: #F9FAFC; }
.table tbody tr:last-child td{ border-bottom:none; }
/*.table tbody tr:nth-child(even){ background-color: #F5F6FA }*/
.table tbody tr:hover{ background:#fff; }
.table tbody tr:hover .imgcover img{ opacity: 0.3 }
.t_sub{  position: relative;z-index: 1; font-size:10pt; color:#444;}
.t_title{ position: relative;z-index: 1; font-size:13pt; margin-bottom: 10px; display: block; color:#333; font-weight: bold}
.table .combo{ margin:0 auto; width:auto; max-width: 500px }
.table .combo a{ padding: 5px 10px; }
.table .active{ background: url('menu/green.png') center no-repeat; }
.table .done{ background: url('menu/blue.png') center no-repeat; }
.table .error{ background: url('menu/red.png') center no-repeat; }
.table .pending{ background: url('menu/yellow.png') center no-repeat; }

.table .button{ box-shadow: 0 1px 1px #fff }
.table .imgcover{ position: absolute; overflow: hidden; top:0; left:0; height: 100%; width: 100%; }
.table .imgcover img{ display: block; opacity: 0.1; position: relative; height: 100%; width: 100% }

.loadbar{ margin:10px;border:1px solid #999; background:#fff; overflow:hidden; box-shadow:inset 0 2px 2px #eee; border-radius:5px; position:relative; }
.loadbar_current{ background:#7AB800;text-align:center;  }
.loadbar_percentage{ position:absolute; left:49%; color: #9e9; }

.dialog{box-shadow:0 0 5px #ccc; margin: 10px;min-height:100px;background: #f5f5f5; border-radius: 5px; border: 1px solid #999; position:relative; max-width:inherit; color:#666;}
.close{ background: url('menu/delete.png') no-repeat center; display:block; height: 24px; width:24px; position:absolute; right: 12px; top:5px; cursor: pointer; opacity: 0.6}
.close:hover{opacity: 1}
.dialog h3{margin:0; padding: 5px;text-align:center; color:#666; text-shadow: 0 1px 1px #fff; border-bottom:1px solid #ddd; box-shadow:0 1px 1px #fff }
.dialog h3 i{ position: absolute; left: 10px; font-style: normal; font-size: 9pt; color: #ccc; font-weight: normal;  }
.dialog h3 b{ color: #69c; }
.dialog h4{ margin: 20px 10px 10px; font-size: 12pt; text-shadow: 0 1px 1px #fff; }
.dialog_content{ margin: 10px;overflow:hidden }
.dialog label{display: block; font-weight:bold; color: #000;}
.dialog_content input[type="text"], .dialog_content textarea{ background:#f9f9f9;padding: 5px; border:1px solid #aaa; box-shadow:0 1px 1px #fff, inset 0 1px 1px #ccc; border-radius:2px; width:100%; max-width:100%}
.dialog_content input[type="text"]:focus, .dialog_content textarea:focus{background:#fff;}
.dialog .image{ max-width:100%; }
.dialog .image img{width:inherit;border-radius:5px; display:block}
.dialog .extra_section{text-align:center; margin: 30px auto;}
.dialog .combo{ margin:10px auto; cursor:default; width:auto; max-width: 900px}
.dialog .grata { margin:0 10px; }
.dialog .grata .combo{ margin:0; }
.dialog .grata .combo.floatl{ margin-right:10px; }

.extra_content > h4{ text-align: center; margin:20px auto; color:#ddd; font-weight: 700; font-size: 16pt;text-shadow: 0 2px 2px #fff; }

.dia_small{ max-width: 500px; margin: 0 auto; }

.dialog .error{ border-radius: 5px 5px 0 0; border-color: none; }
.dialog .error i{ color: #433;}

.dialog .table{ box-shadow: 0 1px 2px #fff; border-color: #ccc }


.news_table{ margin: 0 10px }
.news_table li{ cursor: default; box-shadow: 0 2px 3px #ddd; background-color: #fff; position: relative; margin: 10px 0 }
.news_table h4{ padding: 10px; font-size: 12pt; color: #999; margin:0; position: relative; background: url('menu/image_text2.png') no-repeat 15px center; padding-left: 40px; font-weight: normal; }
.news_table time{ display: block; position: absolute;height: 100%; font-size: 8pt; width: 180px; text-align: center; top:0; font-weight: normal; right: 0; color: #999; border-left:1px solid #eee; padding:10px; }
.news_table p{ display: none; margin: 0;color: #555; padding: 10px 20px; border-top: 1px solid #ddd; }
.news_table .active p{ display: block }
.news_table .active h4{ color:#69c; background-image: url('menu/image_text.png') }

.cover{ position: relative; overflow: hidden; height: 160px; vertical-align: middle; }
.cover img{ position: absolute; top:0; width: 100%; display: block; bottom:0; margin: auto}

.socialuser .cover{ height:250px; }

.socialuser .feed{ padding: 10px;}
.socialuser .feed > ul > li{ box-shadow: none; width: 600px; margin:0 auto 40px;}
.socialuser .feed_post{ background-color: #fff; margin:0;width: 100%; border:1px solid #ddd; }
.socialuser .feed_item_foot{ background-color: #f5f5f5; border-top:1px solid #ddd; color:#999;margin: 0 }
.socialuser .feed p{ max-width: 500px; margin: 0 }
.socialuser .feed_additional{ background-color: #fff; margin: 0 10px; box-shadow: inset 0 1px 1px #eee; border-radius: 0; border:1px solid #ddd; border-top:none; display:none; }
.socialuser .feed_additional:before{ display: none }
.socialuser .feed_likes{ margin: 0; padding: 10px 5px 5px }
.socialuser .feed .count{ font-size: 10pt; line-height: 15px }
.socialuser .feed_comments li{ min-height: 40px }
.socialuser .feed_comments li:nth-child(odd){ background:#fafafa; }
.socialuser .feed > ul > li.active .feed_additional{ display: block; }
.socialuser .feed .loadmore{ cursor:default; width: 400px; text-align: center; margin:50px auto; }

.socialuser .photo_gallery ul{ margin: 0 6px }

.calendar{ position: relative; color: #9ab; border:1px solid #999; border-radius: 5px; padding: 25px 45px; overflow: hidden }
.calendar > div{ width: 100%; overflow: hidden; }
.calendar ul{ min-width: 4000px; line-height: 20px }
.calendar li{ display:inline-block; width: 260px; vertical-align: top; }
.calendar li a{ display:block; font-size: 12pt; margin-top:15px; }
.cal_title{ background: #69c; color:#cef; padding: 5px; text-align: center }

.navi{ font-size: 35pt; }
.navi span{ position: absolute; cursor: default; }
.navi span:hover{ color:#666; }
.navi .left{ left: 5px; }
.navi .right{ right:5px; }


/*.dialog textarea{ width:100% }*/
/*.dialog*/

.option{ background: center no-repeat; display:inline-block; width: 20px; margin: 0 2px; opacity:0.2}
.option:hover{ opacity:0.8  }
.option.active{ opacity: 1; }
.edit{ background-image: url('menu/edit.png'); }
.delete{ background-image: url('menu/delete.png'); }
.zoom{ background-image: url('menu/zoom.png'); }

.view_list{ background-image: url('menu/list.png'); margin:0; }
.view_grid{ background-image: url('menu/grid.png'); margin:0; }

.infobar{ margin: 15px 10px; padding: 10px 5px; color: #666; text-shadow: 0 1px 1px #fff; border: 1px solid #ccc; border-radius:5px }
.question{ border-color: #337BB2; text-shadow:0 1px 1px #8cf; color:#555   }
.warning{ border-color: #990; text-shadow:0 1px 1px #eee; color:#662   }
.error, .dialog .error{ border-color: #922; text-shadow:0 1px 1px #f99; color:#622   }

.search{ border:1px solid #999; border-radius:5px; position: relative; width: 300px; text-align: right}
.search input{ vertical-align: baseline; background: none}
.search input[type="text"]{border:none;border-radius:5px 0 0 5px;padding:0 5px; height: 100%; left:0;right:50px; position: absolute; }
.search input[type="text"]:focus{ background: #fff }
.search input[type="submit"]{ padding:3px 4px; text-shadow:0 1px 1px #fff; color:#666; border-radius:0 5px 5px 0; border:0; border-left: 1px solid #ddd; }

.combo{ display: block; }
.combo li{ border:1px solid #999; box-shadow: 0 1px 2px #e5e5e5; display: inline-block; border-left:none; line-height:inherit;overflow:hidden }
.combo a{ cursor:pointer;display:block; padding:0 10px; color: #444; text-shadow: 0 1px 1px #fff; text-align: center; min-width: 35px }
.combo .active{ background-color: #eee; box-shadow: inset 0 1px 3px #bbb }
.combo li a:hover{ background-color: #fff }
.combo li:first-child{border-radius: 3px 0 0 3px; border-left:1px solid #999}
.combo li:last-child{ border-radius: 0 3px 3px 0 }

.combo_dark li{ border-color:#222; box-shadow: none }
.combo_dark a{ background-color: #2B2F38; color: #99a; text-shadow: 0 1px 1px #000 }
.combo_dark li a:hover{background-color: #373C47}
.combo_dark .active{ background-color: #21242C; box-shadow: 0 1px 1px #000; color:#9cf; }
.combo_dark li:first-child{ border-left-color: #222; }

.fcombo{ min-height:40px; text-shadow:0 1px 1px #fff; color: #888; }
.grata .search{ margin:0; }
.fcombo h4{ margin:0;font-size: 20pt;margin-top: 5px; padding:0; }


.gallery{ max-width: 95%; margin: 10px auto; }
.gallery ul{ margin-top: 10px; text-align: center; font-size: 0; line-height: 0}
.gallery li{display:inline-block; zoom:1; margin:3px;opacity: 0.9;}
.gallery li a{cursor: default; display: block; overflow: hidden; position: relative;}
.gallery img{display: block; height:278px; width:185px;}
.gallery li:hover{opacity: 1; z-index: 1; position: relative;}
.gallery li:hover a {-webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); -o-transform: scale(1.02,1.02); -ms-transform: scale(1.02,1.02); transform: scale(1.02,1.02); -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #333; }
.gallery a span{position: absolute; z-index: 0; left:0; bottom:0; font-size: 10pt; line-height: 20px; background-color: rgba(0,0,0,0.5); width:100%; color: #fff; bottom:-100%;}
.gallery li:hover span{bottom:0;}

.button{padding:5px 10px; color:#444; text-shadow:0 1px 1px #fff;  border:1px solid #aaa; border-radius:3px; box-shadow: 0 0 2px #ccc}
.button:hover{background:#fff;}

#sfeed_container{ position: fixed; z-index: 1; right:0; top:46px;bottom:0;width:0px;  }
#sfeed_container.active{ width:380px; }
#sfeed_container.active #sfeed{ display: block }
#sfeed_container.active #sfeed_head{ display: block }

#sfeed_container .toggle{ border:1px solid #222;border-right:none; position: absolute; left:-29px; top: 37px; border-radius: 10px 0 0 10px; z-index: 2; background: url('menu/bubble21.png') no-repeat center #484d63; width: 30px; height: 70px;}
#sfeed_head{ display:none;padding: 5px; border-top-left-radius:5px; min-height: 40px; border-top: 1px solid #9FA7B6;border-bottom:1px solid #000; text-shadow:0 1px 1px #000;}
#sfeed_head .option{ opacity: 0.6 }
#sfeed_head span{top:8px;}

#sfeed{ display:none;position: absolute;top: 38px; bottom:0; right:0;left:0;background: #E8ECED;border-left:1px solid #222; overflow-y: scroll;}

.feed{position: relative;}
.feed > ul > li{  margin: 10px; border-radius:5px 5px 0 0; color:#555; box-shadow: 0 0 2px #999 }
.feed_item_head{ line-height: 20px; margin-bottom: 0px; padding:5px; }
.feed_item_head img{ float: left; margin-right: 10px }
.feed_item_head h4{ margin: 0; padding:5px 0 0 0; font-size: 12pt; }
.feed p{ line-height: 17px; padding: 5px; }
.feed_item_foot{ position: relative; background:#dddfe9; padding:3px; border-top:1px solid #fff; box-shadow: inset 0 1px px #999 }
.feed_item_foot .posr{ right: 10px; top: 3px; }

.feed .feed_additional{ border-radius:0 0 5px 5px; }
.feed .feed_additional, .feed .feed_additional li{ position: relative; }
.feed .feed_additional:before{ position:absolute; content: '\25b2'; top: -27px; font-size: 12pt; right: 50px; color:#fff; }
.feed_comments{ line-height: 18px }
.feed_comments li{padding-left: 40px; position: relative;}
.feed_comments img{ position: absolute;left:5px; height: 30px;}
.feed_likes{ margin:10px 5px; }
.feed_likes img{ display: block;height:30px;  }
.feed_likes span{ display:inline-block; position:relative; width:30px; margin:0;padding: 0; }
.feed_likes b{ position: absolute; min-width: 150px; border-radius: 3px; top:40px; z-index:2;left:-15px; background:#333;padding:2px 5px; color:#9cf; font-weight: normal;  display: block }
.feed_likes b{ display: none }
.feed_likes span:hover b{ display: block }
.feed_likes .count{ font-size: 20pt; }


.grata{ margin:10px; padding: 10px 0; }
.grata .floatl{ margin-right: 20px; }
.grata_list{line-height: 17px; padding:5px 0; color:#888; text-align: center }
.grata_list li{ height: 50px;width:50px; margin:5px; position: relative; text-align:left;display:inline-block; zoom:1; }
.grata_list img{ position: absolute;left: 0; display: block; }
.grata_list span{ display:block; word-wrap:break-word; width:200%; }
.grata_list .user{ font-weight: bold; color: #334; }

.grata_list.list li{ width: 280px;height: 70px; border-radius:0px; box-shadow: 0 2px 2px #ddd; word-wrap:break-word; background-color: #fff; padding: 9px 10px 15px 70px; overflow: hidden }
.grata_list.list img{ left: 10px; border-radius:5px; }

.grata_list.grid span{display:none;}


.listings img{float: left; display: block; margin: 2px}
.listings li{ display:block; background:#fff; margin: 10px auto; box-shadow: 0 1px 3px #ccc }
.listings h4, .listings span{ display:inline-block; padding: 13px }
.listings h4{margin: 0; font-size: 13pt; color: #666; cursor: default;}
.listings h4 a{font-size: 8pt; color:#ccc;}
.listings span{ min-width: 50px; float: right; border-left: 1px solid #ccc; color: #666; margin-top: 1px }
.listings span b{ color: #8ae}
/*.listings .status{ height }*/


.charts ul{ text-align: center }
.charts li{ height: 340px;vertical-align: top; box-shadow: 0 2px 3px #ccc; border-radius: 5px; display: inline-block; position: relative; background:#fff; width: 380px; text-align: left; margin:0 3px 20px 3px; }
.charts img{ margin: 3px 10px 3px 3px; float: left; height:278px;}
.charts h4{ margin:0; background:#cdf; border-radius: 5px 5px 0 0; padding: 3px 5px; text-shadow:none;color:#fff; font-weight: normal; }
.charts h4 a{ color:#369; }
.charts h4 span{ font-weight: normal; font-size: 8pt; position: absolute;top:2px; right: 5px; color: #789; }
.charts p{ line-height: 18px }
.chart_number{ background: rgba(200,231,250,0.5);font-size: 12pt; padding:5px; width:30px; left:0px; top:40px;color:#fff; display: block; position: absolute; }
.chart_foot{ clear: both; background:#eee; border-radius:0 0 5px 5px; text-align: center; text-shadow: 0 1px 1px #fff; color:#999; }

.status{ background: no-repeat center; min-height: 24px; min-width: 24px; cursor: default;  }
.status.inactive{ opacity: 0.3; }
.facebook{ background-image: url('menu/facebook.png') }
.twitter{ background-image: url('menu/twitter.png') }
.check{ background-image: url('menu/check.png'); }
.chart{ background-image: url('menu/stat.png'); }
.online{ display: inline-block; background-image: url('menu/green.png'); }

.stats{ color:#999; text-shadow:0 1px 1px #fff; font-size: 12pt; margin: 0px auto; padding: 10px 0; text-align: center }
.stats span{ min-width: 100px; margin-right:40px;display: inline-block;background-position: left center; padding-left: 20px; text-align: left }
.stats span:last-child{ margin:0;}



#settings{ border-color:#000; box-shadow: 0 0 5px #000; max-width: 800px; color:#69c; margin: 10px auto}
#settings h4{ color:#99f; text-shadow: 0 -1px 1px #223; }
#settings label{ display: inline-block; width: 35%; text-align: right; padding: 0 50px; color:#99a; font-weight: normal; text-shadow:1px 1px 1px #012; }
#settings .button{ box-shadow: 0 1px 2px #146; color:#69c; text-shadow:0 1px 1px #000; border-color: #69c }
#settings li{ padding: 10px; border-bottom: 1px solid #223; border-top:1px solid #556; }
#settings li:first-child{ border-top:none; }
#settings li:last-child{ border-bottom:none; }
#settings input[type=text], #settings input[type=password]{ background: #2E323F; border:1px solid #678; color:#567; padding:5px; }
#settings input[type=text]:focus, #settings select:focus, #settings input[type=password]:focus{ border-color:#69c; color:#fff; }
#settings select{ background:#2E323F; color:#678; border:1px solid #678; }
#settings span{ color:#89a; font-size: 8pt;  }

#settings .submit{ padding: 0 15px;}
#settings .lblue_gd{ color:#fff; }

#settings .button:hover{ background-color: #223 }

.black_topbar{ display: block;height:25px; background:#000; border-bottom: 1px solid #69c; color:#9ab; }

#footer{ min-height: 150px; position: relative; background-color: #1D1D1F; }
#footer p{ margin: 0 230px 0 0;  color: #777;  padding:20px 20px; text-align: right; }
#footer_title{ top:-50px;position: absolute;right: 50px; color:#c69; text-shadow:0 -1px 1px #000; margin: 0; padding: 60px 30px; text-align: center;font-size: 25pt;line-height: 40px; background-color: #3B3A3F; border-radius: 115px; height: 200px; width: 200px }



/*.grata_list.grid*/

/*.gallery{ max-width: 95%; margin: 10px auto; }
.gallery ul{ margin-top: 10px; text-align: center; font-size: 0; line-height: 0}
.gallery li{display:inline-block; zoom:1; margin:0;opacity: 0.9;}
.gallery li a{cursor: default; display: block; overflow: hidden; position: relative;}
.gallery img{display: block; height:278px; width:185px;}
.gallery li:hover{opacity: 1; z-index: 1; position: relative;}
.gallery li:hover a {-webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); -o-transform: scale(1.02,1.02); -ms-transform: scale(1.02,1.02); transform: scale(1.02,1.02); -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #666; }
.gallery a span{position: absolute; z-index: 0; left:0; bottom:0; font-size: 10pt; line-height: 20px; background-color: rgba(0,0,0,0.5); width:100%; color: #fff; bottom:-100%;}
.gallery li:hover span{bottom:0;}*/

/*
    Misc Section
*/
.btext{ color: #69c; }
.gtext{ color:#9d6; }
.textr{ text-align: right }
.center{text-align: center}
.relative{position: relative;}
.clear{clear:both;}
.posr{ position:absolute; right:0; top: 0; }
.floatr{float:right;}
.floatl{float:left;}
.hidden{ display:none; }
.transition, .transition *{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

/*---------------- Gradients ----------------- */
.dgrey_gd{ background: #e2e2e2;background: -moz-linear-gradient(top, #e2e2e2 0%, #c8c8c8 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#c8c8c8));background: -webkit-linear-gradient(top,  #e2e2e2 0%,#c8c8c8 100%);background: -o-linear-gradient(top,  #e2e2e2 0%,#c8c8c8 100%);background: -ms-linear-gradient(top,  #e2e2e2 0%,#c8c8c8 100%);background: linear-gradient(to bottom,  #e2e2e2 0%,#c8c8c8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#c8c8c8',GradientType=0 ); }
.lgrey_gd, .info,.combo li, #sfeed > ul > li, .tabs a.active{ background: #fefefe;background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f4f4f4));background: -webkit-linear-gradient(top,  #fefefe 0%,#f4f4f4 100%);background: -o-linear-gradient(top,  #fefefe 0%,#f4f4f4 100%);background: -ms-linear-gradient(top,  #fefefe 0%,#f4f4f4 100%);background: linear-gradient(to bottom,  #fefefe 0%,#f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f4f4f4',GradientType=0 );}
.ldgrey_gd{ background: #f2f3f8; background: -moz-linear-gradient(top,  #f2f3f8 0%, #d4d5da 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f3f8), color-stop(100%,#d4d5da)); background: -webkit-linear-gradient(top,  #f2f3f8 0%,#d4d5da 100%); background: -o-linear-gradient(top,  #f2f3f8 0%,#d4d5da 100%); background: -ms-linear-gradient(top,  #f2f3f8 0%,#d4d5da 100%); background: linear-gradient(to bottom,  #f2f3f8 0%,#d4d5da 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f8', endColorstr='#d4d5da',GradientType=0 ); }
.llblue_gd{ background: #fafafc; background: -moz-linear-gradient(top,  #fafafc 0%, #dfe2e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#dfe2e9)); background: -webkit-linear-gradient(top,  #fafafc 0%,#dfe2e9 100%); background: -o-linear-gradient(top,  #fafafc 0%,#dfe2e9 100%); background: -ms-linear-gradient(top,  #fafafc 0%,#dfe2e9 100%); background: linear-gradient(to bottom,  #fafafc 0%,#dfe2e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafc', endColorstr='#dfe2e9',GradientType=0 ); }
.lblue_gd, .question{background: #54bfec;background: -moz-linear-gradient(top, #54bfec 0%, #44a2e9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54bfec), color-stop(100%,#44a2e9));background: -webkit-linear-gradient(top,  #54bfec 0%,#44a2e9 100%);background: -o-linear-gradient(top,  #54bfec 0%,#44a2e9 100%);background: -ms-linear-gradient(top,  #54bfec 0%,#44a2e9 100%);background: linear-gradient(to bottom,  #54bfec 0%,#44a2e9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54bfec', endColorstr='#44a2e9',GradientType=0 );}
.dblue_gd{background: #484d63; background: -moz-linear-gradient(top,  #484d63 0%, #333842 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484d63), color-stop(100%,#333842)); background: -webkit-linear-gradient(top,  #484d63 0%,#333842 100%); background: -o-linear-gradient(top,  #484d63 0%,#333842 100%); background: -ms-linear-gradient(top,  #484d63 0%,#333842 100%); background: linear-gradient(to bottom,  #484d63 0%,#333842 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484d63', endColorstr='#333842',GradientType=0 ); }
.lorange_gd, .warning{background: #fddd74;background: -moz-linear-gradient(top, #fddd74 0%, #fbd058 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fddd74), color-stop(100%,#fbd058));background: -webkit-linear-gradient(top,  #fddd74 0%,#fbd058 100%);background: -o-linear-gradient(top,  #fddd74 0%,#fbd058 100%);background: -ms-linear-gradient(top,  #fddd74 0%,#fbd058 100%);background: linear-gradient(to bottom,  #fddd74 0%,#fbd058 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddd74', endColorstr='#fbd058',GradientType=0 );}
.lred_gd, .error{background: #f4776b;background: -moz-linear-gradient(top, #f4776b 0%, #da5b5a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4776b), color-stop(100%,#da5b5a));background: -webkit-linear-gradient(top,  #f4776b 0%,#da5b5a 100%);background: -o-linear-gradient(top,  #f4776b 0%,#da5b5a 100%);background: -ms-linear-gradient(top,  #f4776b 0%,#da5b5a 100%);background: linear-gradient(to bottom,  #f4776b 0%,#da5b5a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4776b', endColorstr='#da5b5a',GradientType=0 );}
.lblack_gd{ background: #4d4c50; background: -moz-linear-gradient(top,  #4d4c50 1%, #303033 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4d4c50), color-stop(100%,#303033)); background: -webkit-linear-gradient(top,  #4d4c50 1%,#303033 100%); background: -o-linear-gradient(top,  #4d4c50 1%,#303033 100%); background: -ms-linear-gradient(top,  #4d4c50 1%,#303033 100%); background: linear-gradient(to bottom,  #4d4c50 1%,#303033 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4c50', endColorstr='#303033',GradientType=0 ); }
.gold_gd{background: #f2efd7; background: -moz-linear-gradient(top,  #f2efd7 0%, #f2efd7 53%, #e7e3c1 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2efd7), color-stop(53%,#f2efd7), color-stop(99%,#e7e3c1)); background: -webkit-linear-gradient(top,  #f2efd7 0%,#f2efd7 53%,#e7e3c1 99%); background: -o-linear-gradient(top,  #f2efd7 0%,#f2efd7 53%,#e7e3c1 99%); background: -ms-linear-gradient(top,  #f2efd7 0%,#f2efd7 53%,#e7e3c1 99%); background: linear-gradient(to bottom,  #f2efd7 0%,#f2efd7 53%,#e7e3c1 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2efd7', endColorstr='#e7e3c1',GradientType=0 ); }
.lgold_gd{background: #f4f3ea; background: -moz-linear-gradient(top,  #f4f3ea 0%, #f4f3ea 50%, #e7e6dd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f3ea), color-stop(50%,#f4f3ea), color-stop(100%,#e7e6dd)); background: -webkit-linear-gradient(top,  #f4f3ea 0%,#f4f3ea 50%,#e7e6dd 100%); background: -o-linear-gradient(top,  #f4f3ea 0%,#f4f3ea 50%,#e7e6dd 100%); background: -ms-linear-gradient(top,  #f4f3ea 0%,#f4f3ea 50%,#e7e6dd 100%); background: linear-gradient(to bottom,  #f4f3ea 0%,#f4f3ea 50%,#e7e6dd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3ea', endColorstr='#e7e6dd',GradientType=0 ); }
.ltrans_gd, .video_img:before, .photo_gallery li{background: -moz-linear-gradient(45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 51%, rgba(255,255,255,0.08) 52%, rgba(255,255,255,0.3) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(51%,rgba(255,255,255,0)), color-stop(52%,rgba(255,255,255,0.08)), color-stop(100%,rgba(255,255,255,0.3))); background: -webkit-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 51%,rgba(255,255,255,0.08) 52%,rgba(255,255,255,0.3) 100%); background: -o-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 51%,rgba(255,255,255,0.08) 52%,rgba(255,255,255,0.3) 100%); background: -ms-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 51%,rgba(255,255,255,0.08) 52%,rgba(255,255,255,0.3) 100%); background: linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 51%,rgba(255,255,255,0.08) 52%,rgba(255,255,255,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#4dffffff',GradientType=1 ); }
.tdblue_gd{background: rgb(0,0,0); background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.9) 0%, rgba(68,68,85,0.9) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(68,68,85,0.9))); background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.9) 0%,rgba(68,68,85,0.9) 100%); background: -o-linear-gradient(45deg,  rgba(0,0,0,0.9) 0%,rgba(68,68,85,0.9) 100%); background: -ms-linear-gradient(45deg,  rgba(0,0,0,0.9) 0%,rgba(68,68,85,0.9) 100%); background: linear-gradient(45deg,  rgba(0,0,0,0.9) 0%,rgba(68,68,85,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444455',GradientType=1 ); }



/*--------------------- Effects -----------------*/
.shadow_twocorners {position: relative;}
.shadow_twocorners:before, .shadow_twocorners:after {z-index:-1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 90%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }
.shadow_twocorners:after {-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }


/**
 * -----------------------------------------------------------------------------------------------------------
 * 12-Columns grid
 * -----------------------------------------------------------------------------------------------------------
 */

.row { width: 98%; max-width: 100%; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.max1200{max-width: 1200px; margin: 0 auto}
.max1400{max-width: 98%; margin: 0 auto}

.column, .columns { float: left; min-height: 1px; padding: 0 5px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }
.two, .row .two { width: 16.66667%; }
.three, .row .three { width: 25%; }
.four, .row .four { width: 33.33333%; }
.five, .row .five { width: 41.66667%; }
.six, .row .six { width: 50%; }
.seven, .row .seven { width: 58.33333%; }
.eight, .row .eight { width: 66.66667%; }
.nine, .row .nine { width: 75%; }
.ten, .row .ten { width: 83.33333%; }
.eleven, .row .eleven { width: 91.66667%; }
.twelve, .row .twelve { width: 100%; }
.row .offset-by-one { margin-left: 8.33333%; }
.row .offset-by-two { margin-left: 16.66667%; }
.row .offset-by-three { margin-left: 25%; }
.row .offset-by-four { margin-left: 33.33333%; }
.row .offset-by-five { margin-left: 41.66667%; }
.row .offset-by-six { margin-left: 50%; }
.row .offset-by-seven { margin-left: 58.33333%; }
.row .offset-by-eight { margin-left: 66.66667%; }
.row .offset-by-nine { margin-left: 75%; }
.row .offset-by-ten { margin-left: 83.33333%; }
.push-two { left: 16.66667%; }
.pull-two { right: 16.66667%; }
.push-three { left: 25%; }
.pull-three { right: 25%; }
.push-four { left: 33.33333%; }
.pull-four { right: 33.33333%; }
.push-five { left: 41.66667%; }
.pull-five { right: 41.66667%; }
.push-six { left: 50%; }
.pull-six { right: 50%; }
.push-seven { left: 58.33333%; }
.pull-seven { right: 58.33333%; }
.push-eight { left: 66.66667%; }
.pull-eight { right: 66.66667%; }
.push-nine { left: 75%; }
.pull-nine { right: 75%; }
.push-ten { left: 83.33333%; }
.pull-ten { right: 83.33333%; }

img, object, embed { max-width: 100%; height: auto; }
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }


/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }


/*--------------------------------------------------------------------------------------------------------------------
 *	Pagination
 * -------------------------------------------------------------------------------------------------------------------
 */
.pagination{margin:40px auto 80px auto;text-align:center;}
.pagination a{color:#111; background:#667;}
.pagination a:hover{color:#f50;}
.pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05);}
.pagination ul>li{display:inline;}
.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;border:1px solid #191922;border-left-width:0;}
.pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
.pagination ul>.active>a,.pagination ul>.active>span{color:#999;cursor:default;}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover{color:#999;cursor:default;background-color:transparent;}
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;}
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}
@media only screen and(max-width:367px){
  body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
  .pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px;}
  .pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-topleft:6px;}
  .pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px;}
  .pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;}
  .pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;}
  .pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px;}
  .pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px;}
}


/*--------------------------------------------------------------------------------------------------------------------
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 * -------------------------------------------------------------------------------------------------------------------
 */

.jspContainer {overflow: hidden; position: relative; }
.jspDrag {background: #999; position: relative; top: 0; left: 0; cursor: pointer; border-radius: 5px;}
/*.jspPane:hover .jspDrag{display:block;}*/
.jspPane {position: absolute; }
.jspVerticalBar {position: absolute; top: 0; right: 0; width: 8px; border-radius: 5px; height: 100%; background: rgba(0,0,0,0.0); }
.jspVerticalBar:hover{background: rgba(0,0,0,0.1);}
.jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; border-radius: 5px; background: rgba(0,0,0,.1); }
.jspVerticalBar *, .jspHorizontalBar * {margin: 0; padding: 0; }
.jspCap {display: none; }
.jspHorizontalBar .jspCap {float: left; }
.jspTrack {position: relative; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left; height: 100%; }
.jspArrow {background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled {cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow {height: 16px; }
.jspHorizontalBar .jspArrow {width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus {outline: none; }
.jspCorner {background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {margin: 0 -3px 0 0; }



/*
@media only screen and (max-width: 1100px){
  .mid_numbers b{ padding: 5px; font-size: 15px}
}
*/

@media only screen and (max-width: 767px) { /* Global Misc --- */
  /*                 */
  .left, .right { float: none; }
  body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  /* The Grid --- */
  /*              */
  /*.row .columns{border-left:40px solid transparent;}*/
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns, .up_item { width: auto !important; float: none; margin-bottom:5px; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
}
/*
@media only screen and (min-width: 1250px) {
  .max{ width: 800px; margin: auto 10px; }
  #sfeed_container{ top:0; }
  #sfeed{ box-shadow: inset 2px 0 2px #ccd }
  #sfeed_container .toggle{ display:none; }
  #headbar{ margin-right: 380px; }
}*/