@import url(css/all.css);
@import url(css/mobile.css);
@import url(css/tablet.css);
@import url(css/fancybox.css);
@import url(css/flexslider.css);
@import url(css/tinycarousel.css);
@import url(css/quovolver.css);
@import url(js/colorpicker/css/colorpicker.css);
/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2012 By BESTDNNSKINS.COM
 */
/*--------- Global CSS Reset & Standards ----------*/
Body { margin:0;padding:0; background:#ffffff;}
#Body{ background:#111111; color:#333333;}
html,body{ margin:0; padding:0; height:100%; font:normal 12px/1.5 Arial, Tahoma, Helvetica, Verdana, sans-serif; color:#333333;}
form#Form{ height:100%;}
TH,TD,DIV{ font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
p{ margin:0 0 8px 0;}
ol, ul {list-style: none;}
li,ul li{ list-style:disc;}
a{outline:0;border:0;}
img{border:0;}
.ModuleTitle_SubMenu{ z-index:9999!important;}	

A:link { color :#102246; text-decoration : none;}
A:visited { color :#666666; text-decoration : none;}
A:hover { color :#816e2a; text-decoration:underline;}
A:active { color :#333333; text-decoration : none;}

h1{font-size:28px;line-height:1.5em;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h2{font-size:24px;line-height:1.5em;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h3{font-size:20px;line-height:1.5em;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h4{font-size:18px;line-height:1.5em;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h5{font-size:16px;line-height:1.5em;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h6{font-size:14px;line-height:1.5em;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}

.Head{ font-weight:bold; font-size:15px;}
.SubHead { font-weight:bold;  font-size:14px;}
.SubSubHead{ font-size:13px;}
.Normal { font-size:12px; line-height:1.5em;}

.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block;}
.clearafter{ display:inline-block;}
.clearafter{ display:block;}
.clear{ clear:both;}
.clear_float{ clear:both;line-height:0;font-size:0;}

/*--------- ControlPanel Style ----------*/
.controlpanel_bg { width: 100%; background:#FFFFFF;}
.controlpanel_style {width:900px; margin:0 auto}
.controlpanel_style table {width:100%}

.CommandButton { font-size: 11px; font-weight : normal; color: #0033CC; text-decoration: none;}
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : underline;}
A.CommandButton:hover { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : none;}

.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000; text-decoration: underline;}
.FileManager A:hover{ color:#000; text-decoration:none;}

/*--------- Current Date Style ----------*/
.Currentdate {color:#333333!important;}

/*--------- Mobile User Style ----------*/
.User2, A.User2:link, A.User2:visited, A.User:active { padding:0px 5px; color:#333333; font-size:12px; text-decoration:none;}
A.User2:hover { color :#666666; text-decoration:underline;}

/*--------- BottomLinks style ----------*/
.Bottom_links, A.Bottom_links:link, A.Bottom_links:visited, A.Bottom_links:active { font-size:12px; color:#f5f5f5!important; padding:0 3px; text-decoration:none; }
A.Bottom_links:hover { font-size:12px; color :#999999; text-decoration:underline;}

/*--------- FooterLinks Style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding:0px 5px; color:#f5f5f5!important; font-size:12px; text-decoration:none;}
A.Footer:hover { color:#999999; text-decoration: none;}

/*--------- FooterPane Links Style ----------*/
.footerpane_style a { color :#f5f5f5; text-decoration : underline;}
.footerpane_style a:visited { color :#dddddd; text-decoration : none;}
.footerpane_style a:hover { color :#999999; text-decoration : none;}
.footerpane_style a:active { color :#ffffff; text-decoration : none;}

/*--------- Social-Links ----------*/
.iconSkype{width:41px;height:41px;background:url(images/socialicons.png) no-repeat 0 0;display:inline-block; padding:0;margin:0 3px;}
.iconGithub{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -41px 0;display:inline-block;padding:0;margin:0 3px;}
.iconLinkedIn{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -82px 0;display:inline-block;padding:0;margin:0 3px;}
.iconBehance{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -123px 0;display:inline-block;padding:0;margin:0 3px;}
.iconRSS{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -164px 0;display:inline-block;padding:0;margin:0 3px;}
.iconLast.fm{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -205px 0;display:inline-block;padding:0;margin:0 3px;}
.iconPicasa{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -246px 0;display:inline-block;padding:0;margin:0 3px;}
.iconForrst{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -287px 0;display:inline-block;padding:0;margin:0 3px;}
.iconTwitter{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -328px 0;display:inline-block;padding:0;margin:0 3px;}
.iconFacebook{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -369px 0; display:inline-block;padding:0; margin:0 3px;}
.iconDeviantart{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -410px 0;display:inline-block;padding:0;margin:0 3px;}
.iconYoutube{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -451px 0;display:inline-block;padding:0;margin:0 3px;}
.iconDribbble{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -492px 0;display:inline-block;padding:0;margin:0 3px;}
.iconTumblr{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -533px 0;display:inline-block;padding:0;margin:0 3px;}

/*--------- Social-Links Hover ----------*/
a.iconSkype:hover{ background-position: 0 -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconGithub:hover{background-position: -41px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconLinkedIn:hover{background-position: -82px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconBehance:hover{background-position: -123px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconRSS:hover{background-position: -164px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconLast.fm:hover{background-position: -205px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconPicasa:hover{background-position: -246px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconForrst:hover{background-position: -287px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconTwitter:hover{background-position: -328px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconFacebook:hover{background-position: -369px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconDeviantart:hover{background-position: -410px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconYoutube:hover{background-position: -451px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconDribbble:hover{background-position: -492px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconTumblr:hover{background-position: -533px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}

/*--------- Main Top Style ----------*/
.main_top { margin:20px auto;}
.main_top ul, .main_top ul li{ list-style:none;margin:0;padding:0;}
.main_top h3, .main_top p { text-align:center; line-height:15px;}

/*--------- Body Line Style ----------*/
.body_line { background:url(images/body_line.png) repeat-x; height:2px;}

/*--------- Readmore Style ----------*/
a.readmore{ float:left; display:block; background:url(images/more.png) 0 0 no-repeat; width:140px; height:38px; line-height:38px; padding-left:30px; text-decoration:none; color:#FFFFFF!important; margin-top:10px; font-size:14px; text-transform:uppercase; margin-left:-2px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
a.readmore:hover{ background:url(images/more.png) -170px 0 no-repeat; color:#000000!important;}

/*--------- Footer List Style ----------*/
.footer_list ul { list-style:none; margin:0; padding:0;}
ul.bottom-nav li { background: url(images/footer_list.png) no-repeat scroll 0 50% transparent; color: #CCCCCC!important; cursor: pointer; font-size: 13px; padding: 0 2px 0 12px; list-style:none;
line-height:20px; -webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;}
ul.bottom-nav li { background-position: 0 6px;}
ul.bottom-nav li:hover { background-position: 0 -24px; color: #DD2F67!important;}

/*--------- Footer Post Style ----------*/
.footer_post ul { list-style:none; margin:0; padding:0;}
.footer_post ul li { list-style:none; color:#CCCCCC!important; font-size:13px; line-height:18px;}

/*--------- Fancybox Style ----------*/
.fancybox_style { margin:0; padding:5px 0 0 0;}
.fancybox_style ul { margin:0; padding:0; float:left;list-style:none; width:auto;}
.fancybox_style ul li { list-style:none; margin:2px; float:left; position:relative; opacity:0.5;}
.fancybox_style ul li img { border:1px solid rgba(238,238,238,.6); padding:2px;}
.fancybox_style ul li:hover { opacity:1;-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}

/*--------- Image Shake Style ----------*/
.shake { padding:20px 0 0 0px; height:auto;}
.shake ul {list-style:none;margin:0;padding:0;}
.shake ul li {float:left;list-style:none;margin:0;padding:0;}
.shake p { font-size:13px; padding:5px 0 0 5px;}
.shake a { font-weight:bold; display:block; padding:5px 0;}

/*--------- Color Picker Style ----------*/
#custom_wrapper{position: fixed;top: 170px;left:-155px;width: 150px;padding: 18px 0 18px 0;background: #fff;z-index: 99999;font-size: 12px;border: 1px solid #E1E1E1;border-bottom: 1px solid rgba(150, 150, 150, 0.2);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);}
#custom_wrapper div, #custom_wrapper span, #custom_wrapper p, #custom_wrapper li, #custom_wrapper td {color: #555!important;}
#custom_wrapper #bg_color {width: 100%;height: 25px;cursor: pointer;border: 1px solid #555;}
#custom-button {display:none;position: fixed;top: 200px;left:0;cursor:pointer;z-index: 999;}
#custom_wrapper .custom_inner{width: 80%;margin:auto;}
.colorpicker_preview{width: 100%;height: 30px;margin: 5px 0 0 0;}
#custom_wrapper .use-form-styles select{width: 110px;}
.color-box, .pattern-box, .bg-box { width:24px;height:24px;display:block;float:left; margin:5px 2px 0 2px;border: 1px solid #cacaca;}
#colorpicker { width: 36px;height: 36px;background: url(images/colorpicker/select2.png);}
#colorpicker div { width: 28px;height: 28px;background: url(images/colorpicker/select2.png) center;}
#custom_wrapper #custom-reset{ height:30px; padding:5px 25px; margin:0 18px; background:url(images/gradient.png) #111;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; text-decoration:none;} 
#custom_wrapper .text_color { padding:12px 0 10px 0; line-height:2em;}
#custom_wrapper .text_color .left_label { padding-right:8px; padding-bottom:7px\9;}
#custom_wrapper #white_text {padding:0 20px; margin:10px 0; height:25px; background:#ffffff; border:#cacaca 1px solid;}
#custom_wrapper #black_text {padding:1px 20px 0 20px; margin:10px 0; height:25px; background:#000000; border:#cacaca 1px solid;}
#custom_wrapper #bg_pattern { height:125px;}

/*--------- Tipsy Style ----------*/
.tipsy { display:block; float: left; padding: 5px; font-size: 12px; background-repeat: no-repeat; background-image: url(images/tipsy.gif);}
.tipsy-inner { padding: 5px 8px 4px 8px; background:#000000; color: #FFFFFF; max-width: 200px; text-align: center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.tipsy-up { background-position: top center;}
.tipsy-down { background-position: bottom center;}
.tipsy-right { background-position: right center;}
.tipsy-left { background-position: left center;}