/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}img, object, embed{ max-width: 100%;}img { height: auto;}table td img, table td object, table td embed{ max-width: 100%;}table td img { height: auto;}

#dnnwrapper								{ background:#fff;}
.dnnrow									{ width: 100%;max-width: 1140px;min-width:320px;margin: 0 auto;}
.innermargin							{ margin:0 20px}
.clr									{ clear:both;}
.fleft									{ float:left}
.fright									{ float:right}
.ml20									{ margin-left:20px;}
.mr20									{ margin-right:20px; }
.fimgborder								{ border:5px #2b2b2b solid;}
.fimgborder:hover						{ border:5px #555 solid;}
.whitecolor, .whitecolor *				{ color:#fff;}
.i16									{ font-size:16px}
.i24									{ font-size:24px;}
.i32									{ font-size:32px;}
.desktophide							{ display:none}
.mobilehide								{ display: block}
.pageoption								{ padding-top:8px}
.smallsidebox							{ width:24%}
.largesidebox							{ width:74%}

a.btn-options:link,a.btn-options:visited{ color:#fff; padding:7px 10px 7px 5px; line-height:1em; margin:9px 0 0; z-index:1000; position:relative; font-size:12px; text-transform:uppercase; font-weight:bold}
a.btn-options:hover						{ background:#000}
a.btn-options:active					{ background:#666}


.dnnnav-container                   	{ width: 100%; position:relative; z-index:909; /*box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1)*/; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
nav                         			{ width: 100%; position: relative;padding: 0px; margin: 0px;list-style: none; background:#fff; border-top:1px #4b577b solid;}
.dnnsticky                              { position: fixed;top: 0px;z-index: 999;animation: thedrop 1s 1;-moz-animation: thedrop 1s 1;-webkit-animation: thedrop 1s 1; background-color:#333E62 !important; border-bottom:1px #efefef solid;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}



.topbar .desktopbg						{ background:#f9f9f9}
#dnnheader								{ padding:10px 0; background:url(../images/shadowline.png) top center no-repeat}

#fonticons div							{ float:left; width:25%; padding:5px 0; font-size:16px}
.fontsocial								{ font-size:28px}
.fontsocial a							{ padding:4px; line-height:55px; background:#eee; color:#000; text-decoration:none}


ul.list1								{ margin:0px; padding:0px}
ul.list1 li								{ margin:0px; padding:0px; list-style:none;}
ul#featureslist							{ margin:0px; padding:0px;}
ul#featureslist li						{ margin:0px; padding:0px; list-style:none; margin-bottom:6px; line-height:1.2em}
ul#featureslist li strong				{ display:block; padding-bottom:5px; color:#999}
ul#featureslist li a					{ line-height:1em; color:#666; text-decoration:none}
ul#featureslist li a:hover				{ color:#ccc;}


ul#filist								{ margin:0px; padding:0 0 50px;}
ul#filist li							{ margin:0px; padding:0px; list-style:none;}
ul#filist li img						{ width:60%;}
ul#filist li:after						{ margin:0px; padding:0px; display:block; content:''; clear:both}



.sitesocial								{ height:40px;}
.sitesocial a							{ display:block; float:left; height:40px; line-height:40px; width:32px; font-size:16px; background:#f9f9f9; color:#333; text-align:center}
.sitesocial a:hover						{ background: none; color:#fff;}

#top-link								{ display:none;text-decoration:none; z-index:903; line-height:30px; margin:0px; position: fixed; right:10px; bottom:10%; font-size:18px; padding:0 2px; border:1px solid rgba(255, 255, 255, 0.2); background:rgba(0, 0, 0, 0.1)}
#dnnbreadcrumb							{ background:url(../images/shadowline.png) top center no-repeat #f5f5f5; padding:10px 0; border-bottom:1px #e5e5e5 solid; line-height:40px;}

#dnncontent								{ padding-top:25px; min-height:600px; padding-bottom:30px;} /* changed top padding from 50 to 25px */
#dnncontentii							{ background:#9f9c95; color:#fff; margin:0px; padding: 0 0 20px}
.contentiii								{ background:#f3f3f3; position:relative; margin-bottom:20px; padding-top:2px}
#dnncontentii span.arrow				{ display:block;  margin:0 auto; margin-top:-20px; font-size:48px;line-height:1em; text-align:center; padding:0px; height:14px; width:27px; background-image:url(../images/arrow.png); overflow:hidden}


#dnnfooter								{ background:#090909; border-top:1px #1b1b1b solid; padding:20px 0; font-size:12px; color:#999; clear:both}
#dnnfooter h3 span.title				{ color:#fff}
#dnnfooter .copyright					{ color:#999; padding-right:10px}
#dnnfooter a.links						{ color:#999; padding:0 5px; text-decoration:none}
#dnnfooter a.links:hover				{ color:#fff}


/* Pane Layout */
.panebox:after							{ display:block; content:''; clear:both}
.HeaderPane								{ margin-right:3%; padding-top:18px}
.TopPane								{ float:left}
.TopLeftPane, .TopRightPane,
.BottomLeftPane,.BottomRightPane,.MainLeftPane,.MainRightPane{ width:49%;}
.Grid4TLPane							{ width:32%; margin-right:2%;}
.Grid4TCPane							{ width:32%}
.Grid4TRPane							{ width:32%;}
.Grid3MLPane, .Grid3MCPane				{ width:23.5%; margin-right:2%;}
.Grid3MCRPane, .Grid3MRPane				{ width:23.5%;}
.FooterAPane, .FooterBPane				{ width:23.5%; margin-right:2%;}
.FooterCPane, .FooterDPane				{ width:23.5%;}
.Grid4LPane,.Grid4RPane					{ width:32%;}
.Grid8RPane,.Grid8LPane					{ width:66%}
.Grid3LPane,.Grid3RPane					{ width:23.5%;}
.Grid9RPane,.Grid9LPane					{ width:74.5%}






input[type=text],
input[type=password],
textarea 								{ background: #fafafa;	-moz-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);-webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);	box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);	border: 1px solid #ddd;	color: #888;}
input[type=text]:focus,
textarea:focus 							{ color: #373737;border:1px red solid;}
.searchbox								{ position:relative;z-index:1000;width:17%;height:36px; margin:20px 0 0}
.searchbox span.searchInputContainer    { display:block; width:100%; float:left; height:36px;}
.searchbox .SkinObject					{ color:#fff;font-weight:normal;color:#ccc}
.searchbox #dnn_dnnSEARCH_txtSearch		{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:absolute;right:0px;top:0px;z-index:2000;width:100%;border:1px rgba(221, 221, 221, 0.15) solid; background: rgba(250, 250, 250, 0.1); color:#aaa; padding:9px 5px 9px 10px; outline:none; font-size:12px; -webkit-transition-duration: 400ms;-webkit-transition-property: width, background;	-webkit-transition-timing-function: ease;-moz-transition-duration: 400ms;-moz-transition-property: width, background;-moz-transition-timing-function: ease;-o-transition-duration: 400ms;-o-transition-property: width, background;-o-transition-timing-function: ease;} /* changed background/border properties */
.searchbox #dnn_dnnSEARCH_txtSearch:focus { width:120%; background:#fff}
#Body .searchbox span.searchInputContainer a.dnnSearchBoxClearText{ z-index:2000;margin:10px 20px 0 0}
.searchbox a.searchbutton:link,
.searchbox a.searchbutton:active,
.searchbox a.searchbutton:visited		{ display:block;width:30px;height:36px; position:absolute;right:0px;top:0px;z-index:2000;background:url(../images/search.png) 0 0 no-repeat; text-decoration:none}
.searchbox a.searchbutton:hover			{ background:url(../images/search.png) 0 -36px no-repeat}

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
.animate-slideup,
.animate-slidedown,
.animate-slideleft,
.animate-slideright,
.animate-slideexpandup,
.animate-expandup,
.animate-fadein,
.animate-expandopen,
.animate-bigentrance,
.animate-hatch,
.animate-bounce,
.animate-pulse,
.animate-floating,
.animate-tossing,
.animate-pullup,
.animate-pulldown,
.animate-pullleft,
.animate-pullright{	height: auto;margin-top: 0px; visibility:hidden}


            
.openmm {float: left;border: 0;padding-top:8px}
        
/* Mobile Landscape and Portrait */
@media only screen and (max-width: 767px) { #pageslide { width: 200px; }}

/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
#login{	float:right; }
#login .registerGroup, 
#login .registerGroup *, 
#login .loginGroup, 
#login .loginGroup * {	display:block; margin:0px; padding:0px }	
#login .registerGroup,
#login .loginGroup {float:left;padding:0;margin:0;} 
#login .registerGroup li:first-child:hover {border-left:#fff;}
/* Register Group Styles */
#login .registerGroup li { 	float:left; border:none }
#login .registerGroup .buttonGroup {margin-right:0;}
#login .registerGroup a,
#login .loginGroup a{display:block;position:relative;height:40px;min-width:12px;font-size:13px;line-height:40px; color:#666; padding:0 10px}
#login .registerGroup a:hover,
#login .loginGroup a:hover {/* Old browsers */background:#ccc; }
#login .registerGroup a:active,
#login .loginGroup a:active {color:#000;}
#login .registerGroup a:hover,
#login .loginGroup a:hover { text-decoration:none; }
#login .registerGroup a strong,
#login .loginGroup a strong {display:block;position:absolute;left:0;top:0;width:100%;overflow:hidden;font-size:11px;text-indent:-9999px;}
#login .userMessages a,
#login .userNotifications a {  padding:0 15px;}	
#login .userMessages strong { height: 100%;background: url(../images/icon_message.png) no-repeat center center;}
#login .userNotifications { border-left: 1px solid #fff; border-right: 1px solid #fff}
#login .userNotifications strong { height: 100%;background: url(../images/icon_notification.png) no-repeat center center;}
#login .registerGroup a span {display:inline-block;position:absolute;right:2px; top:-9px;min-width:7px;margin-right:3px;text-align:center;font-size:12px;color:#fff;}
#login .registerGroup .userProfileImg a{min-width:25px;min-height: 30px;padding:0;background:#f5f5f5}
#login .registerGroup a img{height:40px; width:40px; padding:1px 0 0;}
/* Login Group Styles */
#login .loginGroup a {color:#666; }
/* Number of message next to the message icon*/
#login .userMessages  a  span,
#login .userNotifications   a  span	{ display: inline-block; margin-top: 9px; margin-right: 0px; background-color:#f00;font-size: 11px; line-height:1em; padding:2px}
a.loginobj:link, a.loginobj:active, a.loginobj:visited{ line-height:40px; padding:0 15px; color:#fff; text-decoration:none; font-size:12px;display:block}


/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}