@import url(css/all.css);
@import url(css/mscrmaddonstyle.css);
@import url(css/mobile.css);
@import url(css/tablet.css);
@import url(css/trans-banner.css);
@import url(css/camera.css);
@import url(css/fancybox.css);
@import url(js/colorpicker/css/colorpicker.css);
@import url(js/qtip2/jquery.qtip.min.css);
@import url(css/jquery-ui/jquery-ui.css);
/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- Global CSS Reset & Standards ----------*/
Body { margin:0;padding:0; background:#ffffff;}
#Body{ background:url(images/bg_pattern/bg_grid_16.png)#007EB0; color:#333333;}
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;}	

.sidemenu2{background:url(http://www.mscrm-addons.com/Portals/0/images/SupportImages/needHelp.png); width: 45px; height:139px; color:#ffffff; z-index: 100; position: fixed; top: 300px;left:0;cursor:pointer;z-index: 999;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.sidemenu2 a {display:block; height:100%;}
.sidemenu2 a:hover {-moz-box-shadow:    2px 2px 4px 5px #ccc; -webkit-box-shadow: 2px 2px 4px 5px #ccc; box-shadow:   1px 1px 3px 4px #ccc;}

.sidemenu3{background:url(images/chat/sidemenu_button3.png); width: 38px; height:117px; color:#ffffff; z-index: 100; position: fixed; top: 570px;left:0;cursor:pointer;z-index: 999;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.sidemenu3 a {display:block; height:100%;}
.sidemenu3 a:hover {-moz-box-shadow:    2px 2px 4px 5px #ccc; -webkit-box-shadow: 2px 2px 4px 5px #ccc; box-shadow:   1px 1px 3px 4px #ccc;}

A:link { color :#628699; text-decoration : none;}
A:visited { color :#666666; text-decoration : none;}
A:hover { color :#628699; text-decoration:underline;}
A:active { color :#666666; text-decoration : none;}

h1{ font-size:28px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h2{ font-size:24px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h3{ font-size:20px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h4{ font-size:18px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h5{ font-size:16px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h6{ font-size:14px;line-height:1.5em;color:#333333;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;}

/*--------- 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:none;}

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

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

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

/*--------- Social-Links ----------*/
.Social-Links {  padding-top:15px;}
.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;}

/*--------- Camera Slider style ----------*/
.fluid_container { margin: 0 auto; width: 100%;}

/*--------- Icon Hover Style ----------*/
.icon-hover ul { list-style:none; margin:0; padding:0;}
.sti-menu { margin-left: 0; margin-top: -20px; position: relative;}
.sti-menu li { width:100%; height: 200px; list-style: none outside none; margin-top: 20px;}
.sti-menu li a { background: none; padding:5px; display: block; height: 100%; overflow: hidden; position: relative; text-align: center; transition: all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s;}
.sti-menu li a h2 { position: absolute; left: 0; top: 20px; font-size: 18px; line-height: 22px; width: 100%; text-decoration:none;}
.sti-menu li a p { position: absolute; left: 0; top: 150px; width: 100%; color:#333333; text-decoration:none;}
.sti-icon { position: absolute; left: 0; top: 75px; width: 100%;}

/*--------- Footer Categories Style ----------*/
.footer_categories { padding-top:15px;}
.footer_categories ul { list-style:none; margin:0; padding:0;}
.footer_categories ul li { list-style:none;}
.footer_categories ul li a { color:#FFFFFF!important; font-size:12px; height:26px; line-height:26px; text-decoration:none;}
.footer_categories ul li a:hover { background:url(images/footer_categories.png) no-repeat left center; padding-left:18px; color:#FFFFFF; -moz-transition:padding 0.4s ease; -webkit-transition:padding 0.4s ease; transition:padding 0.4s ease;}

/*--------- 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.8;}
.fancybox_style ul li img { background:#FFFFFF; padding:2px; box-shadow: 0 0 2px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);}
.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;}

/*--------- Toggle Style ----------*/
.toggle_style { position:relative;}
.toggle_left { float:left; margin:25px 150px 0 30px;}
.toggle_left .img_style { display:block; margin:0 auto; width:100%\9;}
.toggle_right { float:left; width:40%;}
.faq-wrap { margin:10px 0 10px 50px;}
.faq-entry { border-bottom: 1px solid #EEEEEE;}
.faq-trigger h2 { font-size: 1em;font-weight: 700;margin: 0;padding: 0;}
.faq-trigger a { background:url(images/toggle_icon.png) no-repeat scroll left center transparent;color: #000000;display: block;padding: 15px 0 15px 35px;transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s;}
.faq-trigger.active a { background: url(images/toggle_icon02.png) no-repeat scroll left center transparent;}
.faq-trigger a:hover, .faq-trigger.active a { background-color: #F9F9F9;background-position: 7px center;}
.faq-trigger a:hover { text-decoration: none;}
.faq-entry-content { display: none;padding: 10px 0 20px;}
.faq-entry-content p:last-child { margin: 0;}
.faq-entry-readmore { display: inline-block;margin-top: 10px;white-space: nowrap;}

/*--------- Contact Form Style ----------*/
.contact_form .dnnFormItem input, .contact_form .dnnFormItem .dnnFormInput, .contact_form .dnnFormItem textarea{background:#fffff5; background:rgba(255,255,255,.1);-moz-box-shadow:inset 0 0 2px 2px rgba(255,255,255,.2);-webkit-box-shadow:inset 0 0 2px 2px rgba(255,255,255,.2);box-shadow:inset 0 0 2px 2px rgba(255,255,255,.2); border:#fff 1px solid; border:rgba(255,255,255,.5) 1px solid;}
.contact_form .dnnFormError{color:#fff !important;text-shadow:0px 1px 1px #000;padding:5px 7px 5px 10px;}
.contact_form .left_label { width:55px; padding:1px 0;  }
.contact_form label { margin:2px;}
.contact_form .dnnFormItem input { width:100%; padding:2px 5px; }
.contact_form textarea { width:90%; margin-right:10%; min-height:50px;}
#skin_footer .contact_form a.dnnPrimaryAction, #skin_footer .contact_form a.dnnPrimaryAction:link, #skin_footer .contact_form a.dnnPrimaryAction:visited{background:#666;background:-moz-linear-gradient(top, rgba(0,0,0,.2) 0%,  rgba(0,0,0,.5) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,.2)), color-stop(100%,rgba(0,0,0,.5)));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 );-moz-border-radius:3px;border-radius:3px;text-shadow:0px 1px 1px #000;color:#fff;text-decoration:none;font-weight:bold;border-color:#fff}
#skin_footer .contact_form a.dnnPrimaryAction:hover{background:#4E4E4E;background:-moz-linear-gradient(top, rgba(0,0,0,.4) 0%,  rgba(0,0,0,.7) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,.4)), color-stop(100%,rgba(0,0,0,.7)));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4E4E4E', endColorstr='#282828',GradientType=0 );
}

@media handheld, only screen and (max-width: 960px) {
.toggle_left { float:none; margin:0 auto;}
.toggle_right { float:none; width:auto;}
.faq-wrap { margin:10px 2% 10px 2%;}
}