/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url("/ClientScript/colorbox/colorbox-light-1/images/loading.gif") no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url("/ClientScript/colorbox/colorbox-light-1/images/controls.png") no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url("/Data/style/cluetip/wait.gif");
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url("/Data/style/cluetip/darrowleft.gif");
}
.clue-left-default .cluetip-arrows {
  background-image: url("/Data/style/cluetip/darrowright.gif");
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url("/Data/style/cluetip/darrowdown.gif");
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url("/Data/style/cluetip/darrowup.gif");
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url("/Data/style/cluetip/arrowleft.gif");
}
.clue-left-jtip .cluetip-arrows {
  background-image: url("/Data/style/cluetip/arrowright.gif");
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url("/Data/style/cluetip/arrowdown.gif");
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url("/Data/style/cluetip/arrowup.gif");
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url("/Data/style/cluetip/bl.gif") no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url("/Data/style/cluetip/tl.gif") no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url("/Data/style/cluetip/tr.gif") no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url("/Data/style/cluetip/br.gif") no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url("/Data/style/cluetip/rarrowleft.gif");
}
.clue-left-rounded .cluetip-arrows {
  background-image: url("/Data/style/cluetip/rarrowright.gif");
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url("/Data/style/cluetip/rarrowdown.gif");
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url("/Data/style/cluetip/rarrowup.gif");
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



div#toolbar, div#toolbarbut 
{
 position:fixed; 
  bottom: 0px;
  right: 0px;
  z-index: 99; 
  height: 36px;
  background-image: url("/Data/style/jqtoolbar/bcktool.jpg");
  
  /*
using a png caused issues in IE8
background-image: url("/Data/style/jqtoolbar/bcktool.png");
 
  */
  border-top: 1px solid #eee;
  border-left: 1px solid #eee; 
  border-right: 1px solid #eee;  
  
  /* CSS3 */
  -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4; 
  -khtml-box-shadow: 0px 1px 10px #666;
  -webkit-box-shadow: 0px 1px 10px #666;
  /* CSS3 end */
  
  
	
}

div#toolbar {
  width: 90%;
  min-width: 800px; /* to limit the width when an excessive window resize */
  margin: 0px auto; /* centered toolbar */
  left: 0px;
}

div#toolbarbut { /* div for the 'hide status' */
  width: 60px;
  height: 15px;
  margin-right: 3%;
  display: none;
}

span.showbar a { /* show button */
  padding: 5px;  
  font-size: 10px;
  color: #555;
}

.toolbarleft{
  float: left; display:none;
}

.toolbarright 
{ white-space:nowrap;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left:10px;
  float: right;
  
  
}

/* for ipad fixed positioning is problematic */

/*
@media only screen and (device-width: 768px) { 
    div#toolbar, div#toolbarbut { position:static;  }
	
}
*/





/*-- Left Side --*/

ul#social li {
  display: inline;
}

#social { float: left;}

a.rss, a.facebook, a.twitter, a.digg, a.delicious, a.stumble {
  display: inline-block;
  width: 40px;
  height: 35px;        
  margin-top: 1px;
}

a.rss:hover, a.facebook:hover, a.twitter:hover, a.digg:hover, a.delicious:hover, a.stumble:hover {
  background-position: 1px 1px; /* simple css hover effect */
}

a.rss {
  background: url("/Data/style/jqtoolbar/rss.png") no-repeat;
}

a.facebook {
  background: url("/Data/style/jqtoolbar/facebook.png") no-repeat;
}

a.twitter {
  background: url("/Data/style/jqtoolbar/twitter.png") no-repeat;
}

a.delicious {
  background: url("/Data/style/jqtoolbar/delicious.png") no-repeat;
}

a.digg {
  background: url("/Data/style/jqtoolbar/digg.png") no-repeat;
}

a.stumble {
  background: url("/Data/style/jqtoolbar/stumble.png") no-repeat;
}

/*-- Right Side --*/

span.downarr { /* hide button */ 
  float: right;
  border-left: 1px solid #a4a4a4;
}

span.downarr a {
  display: block;
  width: 36px;
  height: 26px;
  padding: 25px 0 0 10px;
  background: url("/Data/style/jqtoolbar/downarrow.png") no-repeat 5px 7px;
}

#toolbar ul {
	margin:0;
	padding:0;
	list-style:none;
 
  
}

#toolbar a.adminlink ,
#toolbar a.adminlink:link ,
#toolbar a.adminlink:visited ,
#toolbar a.adminlink:hover ,
#toolbar a.adminlink:active { 
font-size: 14px!important; 
border-left: 1px solid #a4a4a4;
  padding: 8px 8px 10px 23px;
  line-height: 32px;
  color: #555;
  text-decoration:none;
}
#toolbar a.adminlink:hover {  text-decoration:underline;}

#toolbar a.adminlink { font-weight:700; text-decoration: underline; }
#toolbar a.adminlink:hover { color: #666;}

#toolbar a.adminmenulink { background: transparent url("/Data/style/jqtoolbar/key.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.filemanlink { background: transparent url("/Data/style/jqtoolbar/folder_explore.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.newpagelink { background: transparent url("/Data/style/jqtoolbar/page_white_add.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.pageeditlink { background: transparent url("/Data/style/jqtoolbar/page_white_edit.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.pagesettingslink { background: transparent url("/Data/style/jqtoolbar/page_white_wrench.png") no-repeat; background-position : 2px 50%;  }


       


span.normalthread{ background: url("/Data/style/forums/folder.png") no-repeat; display:inline-block; width:18px; height:20px; }
span.lockedthread{ background: url("/Data/style/forums/lock.png") no-repeat; display:inline-block; width:18px; height:20px; }
span.stickythread{ background: url("/Data/style/forums/folder_star.png") no-repeat; display:inline-block; width:18px; height:20px; }
.newthread, .newpost { background: url("/Data/style/forums/folder_edit.png") no-repeat; background-position: 0px 2px; padding-left:18px;  }
.forumEdit, .threadEdit, .postEdit { background: url("/Data/style/forums/pencil.png") no-repeat; background-position: 0px 0px; padding-left:18px;  }
.forumfeed { background: url("/Data/style/forums/feed.png") no-repeat; background-position: 0px 0px; padding-left:18px; }.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender/arrow-left.gif");}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender/arrow-right.gif");}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
/* http://weblogs.asp.net/kevinbrammer/archive/2008/05/31/asp-net-gridview-themes.aspx */

.AspNet-GridView
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#999999 1px solid;
}

.AspNet-GridView table { width: 100%; }
.AspNet-GridView table { width: 100%; }
.AspNet-GridView table.editgrid { margin:0px;}

.AspNet-GridView table thead
{
    background-image: url("/Data/style/gridview/HeaderWhiteChrome.jpg");
    background-position:center;
    background-repeat:repeat-x;
    background-color:#fff;
	border-bottom:solid 1px #999;
}

.AspNet-GridView table thead th
{
    padding: 5px;
    color: #333;
	text-align:left;
}

.AspNet-GridView table thead th a
{
    text-decoration:none;
    color:#333;
    display:block;
    text-align:left;
   
}

.AspNet-GridView table tbody tr td
{
    padding: 5px;
    border-right: solid 1px #999;
	background-color:#E4E4E4;
}

.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
    background-color: #fff;
}

.AspNet-GridView div.AspNet-GridView-Pagination
{
background-image: url("/Data/style/gridview/HeaderWhiteChrome.jpg");
    background-position:center;
    background-repeat:repeat-x;
    background-color:#fff;
	border-bottom:solid 1px #999;
}

.AspNet-GridView div.AspNet-GridView-Pagination a
{
color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #fff;
    border-right:solid 1px #999;
    border-bottom:solid 1px #999;
    border-left:solid 1px #fff;
}

.AspNet-GridView div.AspNet-GridView-Pagination span
{
font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}

.AspNet-GridView tr.AspNet-GridView-Empty
{
	color:#ffffff;
    background-color: #c9c9c9;
	 text-align:center; 
}

.AspNet-GridView tr.AspNet-GridView-Empty p
{ padding-top:20px;}

.formResults .AspNet-GridView table thead, .formResults  div.AspNet-GridView-Pagination
{
background-image: none;
}

html[dir='rtl'] .AspNet-GridView table thead th { text-align: right;}
html[dir='rtl'] .AspNet-GridView table thead th a { text-align: right; }
/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010-2011 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 4.0 (jPlayer 2.1.0)
 * Date: 1st September 2011
 */
 
 /* KLD - Added to avoid clashes with general ul and li styles */
div.jp-audio ul li,
div.jp-video ul li
{
    background-image: none;
    padding-left: 0;
    margin: 0;
}

div.jp-audio,
div.jp-video {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
	border:1px solid #009be3;
	background-color:#eee;
	position:relative;
}
div.jp-audio {
	width:420px;
}
div.jp-video-270p {
	width:480px;
}
div.jp-video-360p {
	width:640px;
}

div.jp-video-full {
	/* Rules for IE6 (full-screen) */
	width:480px;
	height:270px;
	
	/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
	position:static !important; position:relative
	
}

div.jp-video-full div.jp-jplayer {
	top: 0;
	left: 0;
	/* Rules for IE6 (full-screen) */
	position: fixed !important; position: relative; 
	
	overflow: hidden;
	z-index:11000;
}

div.jp-video-full div.jp-gui {
/* Rules for IE6 (full-screen) */
	position: fixed !important; position: static; 
	
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	
	z-index:11000;
}

div.jp-video-full div.jp-interface {
/* Rules for IE6 (full-screen) */
	position: absolute !important; position: relative; 
	
	bottom: 0;
	left: 0;
	z-index:11000;
}

div.jp-interface {
	position: relative;
	background-color:#eee;
	width:100%;
}

div.jp-audio div.jp-type-single div.jp-interface {
	height:80px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:80px;
}

div.jp-video div.jp-interface {
	border-top:1px solid #009be3;
}

/* @group CONTROLS */

div.jp-controls-holder {
	clear: both;
	width:440px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
	top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	margin:0;
	padding: 0;
	overflow:hidden;
}

div.jp-audio ul.jp-controls {
	width: 380px;
	padding:20px 20px 0 20px;
}

div.jp-video div.jp-type-single ul.jp-controls {
	width: 78px;
	margin-left: 200px;
	
}

div.jp-video div.jp-type-playlist ul.jp-controls {
	width: 134px;
	margin-left: 172px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
}

div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:40px;
	height:40px;
}

a.jp-play {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -41px -42px no-repeat;
}

a.jp-stop, a.jp-previous, a.jp-next {
	width:28px;
	height:28px;
	margin-top:6px;
}

a.jp-stop {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -83px no-repeat;
	margin-left:10px;
}

a.jp-stop:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -29px -83px no-repeat;
}

a.jp-previous {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -112px no-repeat;
}
a.jp-previous:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -29px -112px no-repeat;
}

a.jp-next {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -141px no-repeat;
}
a.jp-next:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -29px -141px no-repeat;
}

/* @end */

/* @group progress bar */

div.jp-progress {
	overflow:hidden;
	background-color: #ddd;
}
div.jp-audio div.jp-progress {
	position: absolute;
	top:32px;
	height:15px;
}
div.jp-audio div.jp-type-single div.jp-progress {
	left:110px;
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	left:100px;
	width:130px;
}
.AudioPlayer div.jp-audio div.jp-type-playlist div.jp-progress {
	left:166px;
	width:130px;
}
div.jp-video div.jp-progress {
	top:0px;
	left:0px;
	width:100%;
	height:10px;
}
div.jp-seek-bar {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -202px repeat-x;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -218px repeat-x ;
	width:0px;
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.seeking.gif");
}

/* @end */

/* @group volume controls */


a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
	width:18px;
	height:15px;
	margin-top:12px;
}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	margin-left: 210px;	
}

div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	margin-left: 154px;
}

div.jp-audio a.jp-volume-max {
	margin-left: 56px;	
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
	position: absolute;
	top:12px;
	margin-top:0;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
	left: 50px;
}


div.jp-video a.jp-volume-max {
	left: 134px;
}

a.jp-mute {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -170px no-repeat;
}
a.jp-mute:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-unmute {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -60px -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -79px -170px no-repeat;
}

a.jp-volume-max {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -186px no-repeat;
}
a.jp-volume-max:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -19px -186px no-repeat;
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-audio div.jp-volume-bar {
	top:37px;
	left:330px;
}
div.jp-video div.jp-volume-bar {
	top:17px;
	left:72px;
}
div.jp-volume-bar-value {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}

/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {
	position:absolute;
	top:50px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
	left:110px;
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
	left:166px;
	width:130px;
}

div.jp-current-time,
div.jp-duration {
	width:60px;
	font-size:.64em;
	font-style:oblique;
}
div.jp-current-time {
	float: left;
	display:inline;
}
div.jp-duration {
	float: right;
	display:inline;
	text-align: right;
}

div.jp-video div.jp-current-time {
	margin-left:20px;
}
div.jp-video div.jp-duration {
	margin-right:20px;
}

/* @end */

/* @group playlist */

div.jp-title {
	font-weight:bold;
	text-align:center;
}

div.jp-title,
div.jp-playlist {
	width:100%;
	background-color:#ccc;
	border-top:1px solid #009be3;
}
div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
	border-top:none;
}
div.jp-title ul,
div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0 20px;
	font-size:.72em;
}

div.jp-title li {
	padding:5px 0;
	font-weight:bold;
}
div.jp-playlist li {
	padding:5px 0 4px 20px;
	border-bottom:1px solid #eee;
}

div.jp-playlist li div {
	display:inline;
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child {
	/* padding:5px 0 5px 20px; */
	padding:5px 0 5px 0px;
	border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:7px;
}
div.jp-type-playlist div.jp-playlist a {
	color: #333;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#0d88c1;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
	color:#666;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
	color:#666;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
	color:#0d88c1;
}
span.jp-artist {
	font-size:.8em;
	color:#666;
}

/* @end */

div.jp-video-play {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	cursor:pointer;
	background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-270p div.jp-video-play {
	height:270px;
}
div.jp-video-360p div.jp-video-play {
	height:360px;
}
div.jp-video-full div.jp-video-play {
	height:100%;
	z-index:11000;
}
a.jp-video-play-icon {
	position:relative;
	display:block;
	width: 112px;
	height: 100px;

	margin-left:-56px;
	margin-top:-50px;
	left:50%;
	top:50%;

	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.video.play.png") 0 0 no-repeat;
	text-indent:-9999px;
}
div.jp-video-play:hover a.jp-video-play-icon {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.video.play.png") 0 -100px no-repeat;
}





div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}





/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
	width:25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
	width:55px;
	margin: 0;
	position: absolute;
	left: 325px;
	top: 50px;
}

div.jp-video ul.jp-toggles {
	margin-top:10px;
	width:100px;
}

ul.jp-toggles li {
	display:block;
	float:right;
}

ul.jp-toggles li a {
	display:block;
	width:25px;
	height:18px;
	text-indent:-9999px;
	line-height:100%; /* need this for IE6 */
}

a.jp-full-screen {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -310px no-repeat;
	margin-left: 20px;
}

a.jp-full-screen:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -30px -310px no-repeat;
}

a.jp-restore-screen {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -60px -310px no-repeat;
	margin-left: 20px;
}

a.jp-restore-screen:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -90px -310px no-repeat;
}

a.jp-repeat {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -290px no-repeat;
}

a.jp-repeat:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -30px -290px no-repeat;
}

a.jp-repeat-off {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -60px -290px no-repeat;
}

a.jp-repeat-off:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -90px -290px no-repeat;
}

a.jp-shuffle {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -30px -270px no-repeat;
}

a.jp-shuffle-off {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -60px -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle-off:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -90px -270px no-repeat;
}


/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
	position:absolute;
	width:390px;
	margin-left:-202px;
	left:50%;
	top: 10px;

	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}

/* @end */
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender/arrow-left.gif");}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender/arrow-right.gif");}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

/* Reset */
.qtfile, 
.qtfile p,
.qtfile ul,
.qtfile li, 
.qtfile a, 
.qtfile span,
.qtfile img
{
	border-style: none;
	border-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	outline: 0;
	/*
	zoom: 1;
    */
}

.qtfile
{
	min-width: 650px;
}

.qtfile span
{
	vertical-align: text-top;
	line-height: 100%;
}

/* Button elements */
.qtfile .button
{
	cursor: pointer;
}

.qtfile .button.button-disabled
{
	color: Gray;
	cursor: default;
}

/* Icons */
/* Command buttons */
.qtfile .button.folder-create .icon,
.qtfile .button.folder-rename .icon,
.qtfile .button.folder-move .icon,
.qtfile .button.folder-delete .icon,
.qtfile .button.file-upload .icon,
.qtfile .button.file-refresh .icon,
.qtfile .button.folder-refresh .icon,
/* File actions */
.qtfile .file-panel .icon-file-name,
.qtfile .file-panel .file-actions span,
/* Folder items */
.qtfile .folder-panel .folder-bullet,
.qtfile .folder-panel .folder-bullet.folder-bullet-closed,
.qtfile .folder-panel .folder-bullet.folder-bullet-opened,
.qtfile .folder-panel .icon-folder,
.qtfile .folder-panel .icon-folder-end,
/* Status icons */
.qtfile .qtfile-footer .icon-status
{
	background-image: url("/Data/style/qtfile/icons.png");
	width: 16px;
	height: 16px;
	display: inline-block;
	overflow: hidden;
}

/* Header */
.qtfile .qtfile-header
{
	padding: 7px 0 3px 10px;
}

/* Footer */
.qtfile .qtfile-footer
{
	border-top: none;
	padding: 6px 0 5px 5px;
	position: relative;
}

.qtfile .qtfile-footer .status-message
{
	position: absolute;
	left: 10px;
	top: 8px;
}

.qtfile .qtfile-footer .icon-status
{
	margin: 0 5px 0 0;
}

.qtfile .qtfile-footer .status-info .icon-status { background-position: 64px 64px; }
.qtfile .qtfile-footer .status-warn .icon-status { background-position: 32px 64px; }
.qtfile .qtfile-footer .status-error .icon-status { background-position: 16px 64px; }

.qtfile .qtfile-footer .credit
{
	display: block;
	float: right;
	margin-right: 15px;
}

.qtfile .qtfile-footer .credit a
{
	line-height: 1.6em;
}

.qtfile .qtfile-footer .credit a:hover
{
	text-decoration: underline;
}

/* Menu list */
.qtfile .menu-bar
{
	margin: 5px 0 5px 5px;
	position: relative;
}

.qtfile .menu-bar .icon
{
	margin-right: 3px;
}

.qtfile .menu-bar .button.file-refresh
{
	position: absolute;
	right: 3px;
	top: 2px;
}

.qtfile .button.file-refresh .icon { background-position: 0 32px; }
.qtfile .button.folder-create .icon { background-position: 0 48px; }
.qtfile .button.folder-rename .icon { background-position: 64px 48px; }
.qtfile .button.folder-delete .icon { background-position: 32px 48px; }
.qtfile .button.folder-move .icon { background-position: 48px 48px; }
.qtfile .button.file-upload .icon { background-position: 64px 32px; }


.qtfile .qtfile-content
{
	position: relative;
	height: 389px;
	/* Only need the top border from jquery-ui */
	border-bottom: none;
	border-right: none;
	border-left: none;
}

/* Headers */

.qtfile .file-header *,
.qtfile .folder-header *
{
	line-height: 27px;
}

.qtfile .folder-header
{
	border-right: none;
	border-left: none;
	position: relative;
	padding-left: 2%;
	margin-right: -2%;
}

.qtfile .folder-header .button.folder-refresh
{
	position: absolute;
	right: 3%;
	top: 3px;
}

.qtfile .button.folder-refresh .icon { background-position: 0 32px; }

.qtfile .file-header
{
	border-right: none;
	padding-left: 0px;
	position: relative;
}

.qtfile .file-header .file-size-header,
.qtfile .file-header .file-name-header,
.qtfile .file-header .file-actions-header
{
	float: left;
	text-align: center;
	background-image: none;
	background-color: Transparent;
	border-top: none;
	border-right: none;
	border-bottom: none;
	margin-right: -1px;
}

.qtfile .file-header .file-name-header
{
	border: none;
	width: 55%;
	text-align: left;
	text-indent: 1%;
}

.qtfile .file-header .file-size-header
{
	width: 20%;
}

.qtfile .file-header .file-actions-header
{
	width: 25%;
	text-indent: -10000px;
}

/* Folders */

.qtfile .folder-wraper
{
	width: 26%;
	position: absolute;
}

/* Folder list */

.qtfile .folder-panel
{
	height: 360px;
	overflow: auto;
}

.qtfile .folder-panel li,
.qtfile .file-panel li
{
	white-space: nowrap;
}

.qtfile .folder-panel li li
{
	padding-left: 16px;
}

.qtfile .folder-panel .folder-bullet,
.qtfile .folder-panel .folder-name
{
	cursor: pointer;
}

.qtfile .folder-panel .folder-name-text
{
	line-height: 1.5em;
}

.qtfile .folder-panel .folder-name:hover
{
	color: Blue;
}

.qtfile .folder-bullet { background-image: none; }
.qtfile .icon-folder-end { background-position: 16px 32px; }
.qtfile .icon-folder { background-position: 16px 48px; }
.qtfile .folder-bullet.folder-bullet-closed { background-position: 48px 32px; }
.qtfile .folder-bullet.folder-bullet-opened { background-position: 32px 32px; }

.qtfile .folder-panel .folder-name .icon-folder,
.qtfile .folder-panel .folder-name .icon-folder-end
{
	margin-right: 5px;
}

.qtfile .folder-panel .folder-name .icon-folder-end
{
	visibility: hidden;
	left: 5px;
}

.qtfile .folder-panel .folder-name-selected .icon-folder-end
{
	visibility: visible;
}

/* Files */

.qtfile .file-wraper
{
	width: 74%;
	position: absolute;
	right: 0;
}

.qtfile .file-panel
{
	padding-left: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	background-image: none;
	background-color: Transparent;
	height: 360px;
	overflow: auto;
}
.qtfile .file-panel.file-list-empty
{
	/* background: url("/Data/style/qtfile/empty_folder_bg.png") 50% 50% no-repeat; */
}

.qtfile .file-panel .file-name, 
.qtfile .file-panel .file-size, 
.qtfile .file-panel .file-actions
{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	float: left;
	line-height: 1.7em;
}

.qtfile .file-panel .file-name
{
	width: 55%;
	text-indent: 1%;
}

.qtfile .file-panel li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.qtfile .file-panel li { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
.qtfile .file-panel li { height:1%; }
.qtfile .file-panel li { display:block; }
/* end clearfix */

.qtfile .file-panel li.even
{
	background-image: url("/Data/style/qtfile/file_even_bg.png");
}

.qtfile .file-panel li:hover
{
	background-image: url("/Data/style/qtfile/file_hover_bg.png");
}

.qtfile .file-panel .file-size
{
	width: 19%;
	text-align: right;
}

.qtfile .file-panel .file-actions
{
	float: right;
	width: 22%;
	text-align: center;
	margin: 0  0 0 1%;
}

.qtfile .file-panel .icon-file-name
{
	margin: 0 1% 0 0;
}

.qtfile .file-panel .file-actions span
{
	cursor: pointer;
	margin: 0  0 0 1%;
	text-indent: -10000px;
	
	/* Fix for IE7 moved to IE7Specific css
	*text-indent: 0;
	*font-size: 0;
    */

}

.qtfile .file-panel .file-action-link { background-position: 48px 64px; }
.qtfile .file-panel .file-action-delete { background-position: 16px 16px; }
.qtfile .file-panel .file-action-move { background-position: 32px 16px; }
.qtfile .file-panel .file-action-rename { background-position: 48px 16px; }
.qtfile .file-panel .file-action-download { background-position: 64px 16px; }
.qtfile .file-panel .file-action-preview { background-position: 80px 64px; }

/* File preview */

.qtfile .file-preview p,
.qtfile .file-preview img
{
	margin: 0;
	padding: 0;
}

.qtfile .file-preview p
{
	overflow: hidden;
	white-space: nowrap;
}

.qtfile .file-preview p span
{
	line-height: 1.6em;
	vertical-align: text-top;
}

.qtfile .file-preview
{
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: auto;
	max-width: 65%;
	display: none;
	/* Width must be set in IE7 for header get right moved to IE7Specific.css
	*width: 65%;
    */
}

.qtfile .file-preview-field-name
{
	display: inline-block;
	width: 7.5em;
	font-weight: bold;
}

.qtfile .file-preview p.file-preview-image
{
	line-height: 0;
	width: auto;
}

.qtfile .file-preview .file-preview-image img
{
	max-width: 100%;
	overflow: auto;
	max-height: 150px;
}

.qtfile .file-preview .file-preview-image-loading
{
	display: block;
	width: 48px;
	height: 48px;
	background: url("/Data/style/qtfile/indicator.gif") no-repeat;
}

/* File icons */

.qtfile .file-panel .icon-file-name
{
	background-image: url("/Data/style/qtfile/file_types.png");
	background-position: 16px 16px;
}

.qtfile .file-panel .icon-file-bmp { background-position: 256px 256px; }
.qtfile .file-panel .icon-file-jpg, .qtfile .file-panel .icon-file-jpeg { background-position: 240px 0; }
.qtfile .file-panel .icon-file-png { background-position: 224px 0; }
.qtfile .file-panel .icon-file-gif { background-position: 208px 0; }

.qtfile .file-panel .icon-file-txt { background-position: 256px 240px; }
.qtfile .file-panel .icon-file-pdf { background-position: 240px 240px; }

/* Impromptu 
http://trentrichardson.com/Impromptu/index.php
*/
.jqifade{
	position: absolute; 
	background-color: #aaaaaa; 
}
div.jqi{ 
	width: 400px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #ffffff; 
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eeeeee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
}
div.jqi .jqicontainer{ 
	font-weight: bold; 
}
div.jqi .jqiclose{ 
	position: absolute;
	top: 4px; right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold; 
}
div.jqi .jqimessage{ 
	padding: 10px; 
	line-height: 20px; 
	color: #444444; 
}
div.jqi .jqibuttons{ 
	text-align: right; 
	padding: 5px 0 5px 0; 
	border: solid 1px #eeeeee; 
	background-color: #f4f4f4;
}
div.jqi button{ 
	padding: 3px 10px; 
	margin: 0 10px; 
	background-color: #2F6073; 
	border: solid 1px #f4f4f4; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12px; 
}
div.jqi button:hover{ 
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{ 
	/*background-color: #8DC05B;*/
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{ 
	background-color: #BF5E26;
}

body.filedialog{ color: black;}

h2.logitem { font-size: 1em; }

input.openid_login { background:url("/Data/style/common/openidlogin.gif") no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }


/* autocomplete extender */

ul.autocomplete_completionListElement 
{  
	margin : 0px 0px 0px 0px!important;
	padding: 0px !important;
	background-color : white;
	color : black;
	border-color : gray;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 300px;
    text-align : left; 
    list-style-type : none !important;
	
}

li.autocomplete_highlightedListItem
{
	margin-left: 0px !important ;
	background-color: #ffff99;
	color: black;
	padding: 1px !important;
	background-image:none!important;
	
	
}

li.autocomplete_listItem 
{
	
	margin-left: 0px !important;
	background-color : white;
	color : black;
	padding : 1px !important;
	background-image:none!important;

	
}

/* jQuery Cycle Pager 
 * Required for HTML Module "Slide Show Pager" option.
 */
.cyclenav {text-align: center;}
.cyclenav a{margin-right: 3px;}
.cyclenav a.activeSlide {font-weight: bold;}

/* Example of jQuery Cycle Pager with 'dots' for the navigation links
 * To use this, place 'cycledots' (without quotes) in the 
 * 'Custom CSS Class' setting of the HTML Content Module being used 
 * for the slideshow
 */
.cycledots .cyclenav a{
	background: transparent url("/Data/style/common/cyclenav-bullet2.png") no-repeat scroll center -28px; 
	line-height: 40px;
	overflow: hidden;
	height: 14px;
	width: 14px;
	display: inline-block;}
.cycledots .cyclenav a:focus,
.cycledots .cyclenav a.activeSlide{ background-position: center -14px; }
.cycledots .cyclenav a:hover { background-position: center 0; }


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }



/* faq */
.faqs{padding-top:20px}
.faqs dt{font-weight:bold;background:url("/Data/style/common/q.gif") 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}
.faqs dt:hover{cursor:pointer}
.faqs dd{background:url("/Data/style/common/a.gif") 0 2px no-repeat;padding:0 0 5px 30px;position:relative;color:#333}
.faqs .hover{color:#990000;text-decoration:underline}

/*mojorating */
.ratingcontainer { float:right; white-space:nowrap; margin:5px 5px 5px 5px;  }
.ratingprompt { float: left; margin-right: 5px; }
.voteswrap { margin-left: 5px; }
.ratingcontainer div { float:left; white-space:nowrap; margin:0px 0px 0px 0px;  }
.ratingrow { white-space:nowrap; }
.ratingStar { white-space:nowrap; height:14px; margin:1em; }
.ratingStar .ratingItem { font-size:0; width:13px; height:12px; display:block; background-repeat:no-repeat; cursor:pointer; margin:0; padding:0; }
.ratingStar .Filled { background-image:url("/Data/style/common/ratingStarFilled.png"); }
.ratingStar .Empty { background-image:url("/Data/style/common/ratingStarEmpty.png"); }
.ratingStar .Saved { background-image:url("/Data/style/common/ratingStarSaved.png"); }
.ratingbuttons {  margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;  }
.rcommentprompt { display:block;}
.ratingcomments { border:#000 1px solid; background-color:#eee; color:#000; width:206px; height:200px; position:absolute; margin-top:15px; padding:5px; }
.ratingcommentbox { width:200px; height:100px; }



a.addtocal { background: url("/Data/style/common/calendar_add.png") no-repeat; background-position: 0px 2px; padding-left:18px; display:inline-block; min-height:22px; margin-right:4px;  }

/* ***************************************
** Diff related styles
*****************************************/

ins {
	background-color: #cfc;
	text-decoration:inherit;

}

del {
	color: #999;
	background-color:#FEC8C8;
}

ins.mod {
    background-color: #FFE1AC;
}

a.inlineedittoggle.ui-icon { display: inline-block; }

.filedialog { margin: 0; padding: 0;}
#GalleryPreview{ table-layout: fixed; width: 450px; margin: 0 auto;float: left; border: 0px solid #0000ff; }
#GalleryPreview_VerticalFix { width: 450px; display: table-cell; text-align: left; border: 0px solid #00ff00; }
#GalleryPreview img { max-width: 550px; max-height: 550px;}
.boldtext { font-weight: bold;}

#filewrapper {}
#filewrapper .fileoperations { background-color: #F0EFF1; }
#filewrapper .foldercreation,
#filewrapper .fileupload { float: left; width: 50%;}
#filewrapper .operationpanel { padding: 0 5px; }
#filewrapper .operationheading { display: block; text-align: center; background-color: #E0DFE3; font-weight: bold;}
#filewrapper .imageresizeoptions { margin-top: 10px; }
#filewrapper .imageresizeoptions,
#filewrapper .operationinstructions { font-size: 110%; }
#filewrapper .imageresizecheckbox { display: block; }
#filewrapper .imageresizecheckbox input { margin-right: 3px; }
#filewrapper .errorpanel span { margin-top: 5px; }

#filewrapper .fileselection > div { }
#filewrapper .filetreewrapper { float: left; width: 33%; }
#filewrapper .filepreview { float: left; width: 67% }
#filewrapper .filepreview .operationpanel { padding: 0 0 0 15px; }
#filewrapper .rootfolder { float: left; height: 475px; width: 100%; margin-left: 10px; overflow: auto; }
#filewrapper #pnlFileTree { padding-right: 30px; }
#filewrapper .smalltextbox { width: 30px; margin-right: 10px; }

.fileinput-button {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 4px;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}

div.uploadfilelist {
	padding-top: 10px;
	clear: both;
}

div.uploadfilelist .ui-button,
.uploadcontainer .ui-button {
	padding: 7px;
}

ul.filelist {
	
	list-style: none;
}

ul.filelist .ui-icon-trash {
	display: inline-block;
	cursor: hand;
	cursor: pointer;
	
}

div.fileupload-dropzone {
	padding: 50px 0 50px 0;
	width: 100%;
	border:dashed thin black;
	margin: 4px 4px 4px 4px;
	text-align:center;
	vertical-align:middle;
}

/* editor styles, classes assigned by toolbar items */
.AlignCenter , p.AlignCenter {
  text-align: center;
}
 
.AlignLeft , p.AlignLeft{
  text-align: left;
}
 
.AlignRight, p.AlignRight {
  text-align: right;
}
 
.AlignJustify, p.AlignJustify {
  text-align: justify;
}
 
.Indent1, p.Indent1 , ol.Indent1, ul.Indent1{
  margin-left: 40px;
}
 
.Indent2, p.Indent2, ol.Indent2, ul.Indent2 {
  margin-left: 80px;
}
 
.Indent3, p.Indent3, ol.Indent3, ul.Indent3 {
  margin-left: 120px;
}

.font-xsmall {
  font-size: 60%;
}
.font-small {
  font-size: 80%;
}
.font-normal {
  font-size: 100%;
}
.font-large {
  font-size: 120%;
}
.font-xlarge {
  font-size: 140%;
}

table.jqtable td { font-weight:bold; }
table.FileManager_table { width:99%; }

div.cmdbar { display:inline-block; min-width:300px; min-height:14px; max-height: 14px; }
a.forumcommand { margin: 0px 10px 0px 10px; }
/* ----------------------------------
MojoPortal Admin Menu CSS
For more information about Crystal Clear icons, http://commons.wikimedia.org/wiki/Category:Crystal_Clear_icons 
This css and few custom modified verasions of crystal icons were contributed by Steve Railsback of Colorado State U 2010-09-29
To use this, add this to your style.config file:
<file cssvpath="/Data/style/adminmenu/style.css" imagebasevpath="/Data/style/adminmenu/">none</file>
------------------------------------- */

/* Admin menu */
div.adminmenu {  }
div.adminmenu ul.simplelist { margin: 0 0 1em -20px; }
div.adminmenu ul.simplelist li { float: left; display: block; background-image:none; }
div.adminmenu ul.simplelist li  a { 
	line-height: 1em; 
	display: block; 
	width: 100px; 
	height: 40px; 
	float: left; 
	padding: 60px 10px 10px 10px; 
	margin: 5px; 
	text-decoration: none; 
	/* color: #666; */
	border: 1px solid #ddd; 
	text-align: center;  
}

html[dir='rtl'] div.adminmenu ul li { float: right;}
html[dir='rtl'] div.adminmenu ul li a { float: right; }


div.adminmenu ul.simplelist li a:hover { color: #000; border: 1px solid #333; background-color: #eee; } 

a.lnkSiteSettings { background: url("/Data/style/adminmenu/Crystal_Clear_action_run.png") no-repeat center 10px; }


a.lnkSecurityAdvisor, a.lnkSecurityAdvisorWarning {background: url("/Data/style/adminmenu/Crystal_Clear_app_agent.png") no-repeat center 10px; }


a.lnkSecurityAdvisorWarning { color:Red !important; border-color:Red !important; }
a.lnkSecurityAdvisorWarning:after { content: " Needs Attention! "; }
span.secwarning { display: none; }


a.lnkCommerceReports { background: url("/Data/style/adminmenu/Crystal_Clear_app_kchart.png") no-repeat center 10px;}
a.lnkContentManager { background: url("/Data/style/adminmenu/Crystal_Clear_mimetype_document.png") no-repeat center 10px;}
a.lnkContentWorkFlow { background: url("/Data/style/adminmenu/Crystal-Clear-content_workflow.png") no-repeat center 10px; }
a.lnkContentTemplates { background: url("/Data/style/adminmenu/Crystal_Clear_app_kivio.png") no-repeat center 10px;}
a.lnkStyleTemplates { background: url("/Data/style/adminmenu/Crystal-Clear-app-stylesheet.png") no-repeat center 10px;}
a.lnkSiteList { background: url("/Data/style/adminmenu/folder_html.png") no-repeat center 10px;}
a.lnkPageTree { background: url("/Data/style/adminmenu/Crystal-Clear-action-view-tree.png") no-repeat  center 10px;}
a.lnkRoleAdmin { background: url("/Data/style/adminmenu/Crystal_Clear_users.png") no-repeat  center 10px;}
a.lnkFileManager { background: url("/Data/style/adminmenu/Cystal_Clear_file_manager.png") no-repeat  center 10px;}
a.lnkAddUser { background: url("/Data/style/adminmenu/Crystal_Clear_add_user.png") no-repeat  center 10px;}
a.lnkCoreData { background: url("/Data/style/adminmenu/Crystal_Clear_app_database.png") no-repeat  center 10px;}
a.lnkAdvancedTools { background: url("/Data/style/adminmenu/Crystal-Clear-action-configure.png") no-repeat  center 10px;}
a.lnkLogViewer { background: url("/Data/style/adminmenu/Crystal-Clear-mimetype-vcalendar.png") no-repeat  center 10px;}
a.lnkServerInfo { background: url("/Data/style/adminmenu/Crystal-Clear-app-ksysguard.png") no-repeat  center 10px;}
a.lnkNewsletter { background: url("/Data/style/adminmenu/Crystal-Clear-app-kontact.png") no-repeat  center 10px;}
a.lnkMemberList { background: url("/Data/style/adminmenu/Crystal-Clear-kuser2.png") no-repeat  center 10px;}
a.lnkCurrencyAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-currency.png") no-repeat  center 10px;}
a.lnkCountryAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-app-locale.png") no-repeat  center 10px;}
a.lnkGeoZone { background: url("/Data/style/adminmenu/Crystal-Clear-app-browser.png") no-repeat  center 10px;}
a.lnkTaxClassAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-app-kspread.png") no-repeat  center 10px;}
a.lnkTaxRateAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-tax.png") no-repeat  center 10px;}
a.lnkUrlManager { background: url("/Data/style/adminmenu/Crystal-Clear-url.png") no-repeat  center 10px;}
a.lnkRedirectManager { background: url("/Data/style/adminmenu/Crystal-Clear-redirect.png") no-repeat  center 10px;}
a.lnkBannedIPs { background: url("/Data/style/adminmenu/Crystal-Clear_banned_ip.png") no-repeat  center 10px;}
a.lnkFeatureAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-app-kpackage.png") no-repeat  center 10px;}
a.lnkTaskQueue { background: url("/Data/style/adminmenu/Crystal_Clear_action_editpaste.png") no-repeat  center 10px;}
a.lnkWebPartAdmin { background: url("/Data/style/adminmenu/Crystal_Clear_Networksettings.png") no-repeat  center 10px;}
a.lnkAwaitingApproval { background: url("/Data/style/adminmenu/Crystal_Clear_waiting_approval.png") no-repeat  center 10px;}
a.lnkRejectedContent { background: url("/Data/style/adminmenu/Crystal_Clear_rejected_content.png") no-repeat  center 10px;}
a.lnkPendingPages { background: url("/Data/style/adminmenu/FileCrystal-Clear-draft_pages.png") no-repeat  center 10px;}
a.AnalyticsMenuLink { background: url("/Data/style/adminmenu/Crystal-Clear-app-browser.png") no-repeat  center 10px; }
a.lnkDevTools  { background: url("/Data/style/adminmenu/devtools.png") no-repeat  center 10px; }
a.lnkDesignTools  { background: url("/Data/style/adminmenu/designtools.png") no-repeat  center 10px; }
a.lnkRegistrationAgreement, a.lnkLoginInfo  { background: url("/Data/style/adminmenu/RegAgreement.png") no-repeat  center 10px; }
a.lnkPermissionAdmin { background: url("/Data/style/adminmenu/permissions.png") no-repeat  center 10px; }
a.lnkSkinList { background: url("/Data/style/adminmenu/skin.png") no-repeat center 10px; }
a.lnkCacheTool { background: url("/Data/style/adminmenu/cache.png") no-repeat center 10px; }


/* Form styles */
fieldset { border:1px solid #ffc796; margin:0; padding:5px 5px 5px 15px; }
legend { font-size:larger; font-weight:700; }
ol.formlist { list-style:none; margin: 0px; }
li.settingrow  { list-style:none; }
.settinglabel { float:left; clear:left; width:20em; padding:1px; }
.settinglabelFixedHeight { float:left; clear:left; width:20em; height:77px; padding:1px; }
.settinglabel,.settinglabelFixedHeight { font-weight:700; font-size:smaller; }
.settingrow { clear:left; padding:4px 0; }
.settinglabeltight { float:left; clear:left; width:8em; font-weight:700; padding:1px; }
.settingrowtight { clear:left; padding:1px 0; }
.modulebuttonrow { clear:left; text-align:center; }
.smalltextbox { width:4em; }
.normaltextbox { width:10em; }
.mediumtextbox, .login .signinbox, .login .passwordbox { width:15em; }
.widetextbox { width:25em; }
.verywidetextbox { width:35em; }
.txterror { color:red; font-weight:700; }
.txtcopyright { color:#444; font-size:80%; font-weight:400; }
.watermarktextbox { width:9em; height:19px; color:Gray; }
.subscribeemail { color:Gray; width:14em; }
input.openid_login { background:url("/Data/skins/event/css/openidlogin.gif") no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }

.pagelayout .addcontent{float: left; margin: 0 0 20px; }
.pagelayout .panelayout { clear: both; margin: 0 0 20px 0; padding: 0;}
.pagelayout .panelayout h2 {text-align: center; margin: 0 10px 10px 0;}
.pagelayout .regularpanes{margin: 0 auto; width: 630px; clear: both;}
.pagelayout .pane{float: left; clear: none;margin: 20px 0 20px 0; position: relative;}
.pagelayout .layoutcenter{margin: 20px 30px;}
.pagelayout .layoutalt1,
.pagelayout .layoutalt2{float: none;clear: both; width: 190px; margin: 0 auto; position: relative;}
.pagelayout .altlayoutnotice{margin-bottom: 20px;}
.pagelayout .panelistbox{position: relative; width: 190px; min-height:150px;}
.pagelayout .pane select {width: 170px; margin-right: 10px;}
.pagelayout .layoutbuttons{right: 0; top: 5px; position: absolute;}
.pagelayout .layoutbuttons input{display: block; margin-bottom: 10px;}

/* Headings */

fieldset h2.moduletitle { background-image: none; }
.pagelayout h2 { font-size:14px; }

/* Lists */
ol.searchresultlist { list-style-type:none; }
div.simplehorizontalmenu { clear:both; width:100%; height:27px; }
ul.simplehorizontalmenu { float:left; list-style:none; margin:0 0 3px 6px; padding:0; }
ul.simplehorizontalmenu li { display:inline; padding:0 10px; background-image: none; }
ul.simplehorizontalmenu li.selecteditem { font-weight:700; }

.simplelist,.simplelist li { list-style:none; padding:0 0 4px 10px; }

div.sitemap ul,div.sitemap ul li { list-style:none; font-size:100%; }
.site-statistics { border-bottom:solid thin #ccc; margin:0 0 5px; padding:0 0 5px; }
ul.userstats { list-style-type:none; font-size:90%; margin:0 0 0 0; }
ul.userstats ul { display:block; margin:0; padding:0; }
ul.userstats li { position:relative; list-style:none; font-size:100%; margin: 0px 0px 0px -12px; background-image: none; }



div.panelwrapper ul.simplelist { margin-bottom:0; }
div.AspNet-RadioButtonList ul,div.AspNet-CheckBoxList ul { list-style-type:none; margin:0; padding:0; }
ul.firstnav span.sitelink { font-weight:700; font-size:12px; }
li.AspNet-RadioButtonList-Item,li.AspNet-CheckBoxList-Item { white-space:nowrap; }
div.sitemap .AspNet-TreeView-Expand
{background:  url("/Data/skins/event/css/expand.gif") 0 0 no-repeat; width: 15px; margin-right: 5px;
 float:left; cursor: pointer; line-height: 15px;  }	
div.sitemap .AspNet-TreeView-Collapse
{background: url("/Data/skins/event/css/collapse.gif") 0 0 no-repeat; width: 15px; margin-right: 5px;
  float:left; cursor: pointer; line-height: 15px;}
.AspNet-TreeView-Hide { display:none;}
div.sitemap a.AspNet-TreeView-Expand, div.sitemap a.AspNet-TreeView-Collapse  { text-decoration: none; }

.formwizlist ul li { background-image: none;}


ul.tag-cloud  { list-style-type:none; margin:15px 0 3px 10px; }
ul.tag-cloud li { display:inline; list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height:100%;}
.tagcount { font-size:x-small; }
.tag-cloud .weight1 { font-size:90%; }
.tag-cloud .weight2 { font-size:110%; }
.tag-cloud .weight3 { font-size:120%; }
.tag-cloud .weight4 { font-size:130%; }
.tag-cloud .weight5 { font-size:140%; }
.tag-cloud .weight6 { font-size:150%; }
.tag-cloud .weight7 { font-size:160%; }
.tag-cloud .weight8 { font-size:180%; }
.tag-cloud .weight9 { font-size:200%; }
.tag-cloud .weight10 { font-size:210%; }

/* Links */
a{color:inherit;}
a.ModuleEditLink,
a.ModuleEditLink:link,
a.ModuleEditLink:visited,
a.ModuleEditLink:hover,
a.ModuleEditLink:active { font-size:10px !important; }
.extrasearchlink { padding-left: 10px;  }
.leftside a.ModuleEditLink, .rightside a.ModuleEditLink {color:inherit;}


/* Misc */



/*
div.topnavwrap {   margin:10px 0px 0px 0px; width:100%;   }
div.topnav { width: 600px;   margin-left:auto; margin-right:auto;  }
*/

.mojo-tabs  li
{
	list-style-type: none !important;
}


/*
.breadcrumbs a,
.breadcrumbs  a:link,
.breadcrumbs a:visited,
.breadcrumbs a:hover,
.breadcrumbs a:active,
a.cancellink,
a.cancellink:link,
a.cancellink:visited,
a.cancellink:hover,
a.cancellink:active { color:white; }
*/

.AspNet-GridView tbody td,
.AspNet-GridView tbody a,
.AspNet-GridView tbody a:link,
.AspNet-GridView tbody a:visited,
.AspNet-GridView tbody a:hover,
.AspNet-GridView tbody a:active { color:black; }

.logolist,.pageicons,.skiplink { display:none; }


/*.modulecontent { padding: 5px; }*/
.modulefooter { display: none; }

.breadcrumbs { padding: 0 4px 10px 0; clear: left; font-size: 11px;}
.breadcrumbs a { color:inherit; }
.unselectedcrumb { font-weight:400; }
.selectedcrumb { font-weight:700; }
.modulepager { vertical-align:top; padding:4px; }
.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a { font-size: 18px; }
.buttonlink { background-color:transparent; color:#03F; cursor:pointer; text-decoration:underline; font-size:13px; border-style:none; padding-left: 0px; text-align:left; }
.mediaedit .buttonlink { color:white; }

.gmaptextbox { width:27em; }
.gmap { margin:0 0 10px; }
.bmap { position:relative; }


.foldergallery a { color:#FFF; }
.albumMetaName { font-weight:700; }
.foldergallery h1 { font-size:large; margin-bottom:20px; }
.albumFloat { float:left; text-align:center; margin-right:8px; margin-bottom:4px; }
.albumMetaSectionHead { background-color:Gray; color:#FFF; font-weight:700; }

.ratingcontainer { float:left; margin-left:0; }

.eventcalendar table { clear:both; }
.forumnotify { white-space:nowrap; vertical-align:middle; padding: 10px 0px 5px 0px; }
.forumnotify img {float:left;}

.clearpanel { clear:left; padding-top:15px; }
.clear { clear:both; }
.minheightpanel { min-height:200px; }
.center { text-align:center; }
.cmwrapper { margin:10px; }

.vevent { padding:10px; }
.vevent abbr { border:0; }
.whoson { float:left; padding:5px; }
.searchterm { color:#000; background-color:#FF0; }
.templatewrapper { border-bottom:solid 4px #000; }
.linkdescription { padding:5px; }
.padded { padding:7px; }

/* password stength meter */
.pwspoor { background-color: Red; color:White; padding:5px 5px 5px 5px;}
.pwsweak { background-color: Orange; color:White; padding:5px 5px 5px 5px; }
.pwsaverage { background-color: Yellow; color:Black; padding:5px 5px 5px 5px; }
.pwsstrong { background-color:Teal; color:Black; padding:5px 5px 5px 5px; }
.pwsexcellent { background-color:Green; color:White; padding:5px 5px 5px 5px; }
.pwdstrengthbarborder { border-style:solid; border-width:1px; width:200px; vertical-align:middle; }
.pwdstrengthbar { width:200px; height:15px; padding:2px 2px 2px 2px;}

.hidden{ display:none; }
  
.fthumbs img{
    padding:5px;
    margin:5px;
    -moz-box-shadow:#333 2px 2px 5px;
    -webkit-box-shadow:#333 2px 2px 5px;
    cursor:pointer;
  }
  
  span.btn{
    padding:10px;
    margin-left:5px;
    display:inline-block;
    cursor:pointer;
    font:12px/14px Arial, Helvetica, sans-serif;
    color:#aaa;
    background-color:#eee;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -moz-box-shadow:#999 2px 0px 3px;
    -webkit-box-shadow:#999 2px 0px 3px;
  }
  span.btn.pages{ background-color:#fff;}
  span.btn.pages:hover, span.btn.pages.sel { background-color:#f3f3f3; color:#999; }
  span.btn:hover, span.btn.sel{ background-color:#000; }
  .galleryinfo{ position:relative; display:inline-block;  margin-top:10px; }

.floatrightimage { float:right; margin-right:15px; }
.highlight1 { background-color:#FF0; }
.highlight2 { background-color:lime; }
.floatpanel,.floatleftimage { float:left; margin-right:15px; }/*
* Theme Name: Invention
* Theme URI: http://www.jozoor.com
* Description: Invention Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00    =
=     00   00    00        00    00    00   00    00   00       =
=     00   00    00      00      00    00   00    00   00       =
=     00   00    00    00        00    00   00    00   00       =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00       =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

/* Import Basic Files
================================================== */

@import url("/Data/skins/event/css/font.css");                                 /* Custom Font */
@import url("/Data/skins/event/css/base.css");                                 /* Reset & Basics */
@import url("/Data/skins/event/css/font-awesome/css/font-awesome.min.css");    /* Font Awesome */
@import url("/Data/skins/event/css/fontello/css/fontello.css");                /* Fontello Social */
@import url("/Data/skins/event/css/skeleton.css");                             /* Base 960 Grid */
@import url("/Data/skins/event/css/javascript.css");                           /* Css Styles for js scripts */
@import url("/Data/skins/event/css/shortcodes.css");                           /* Css Styles for shortcodes */
@import url("/Data/skins/event/css/skins/white.css");                          /* Layout Skin */
@import url("/Data/skins/event/css/custom.css");                               /* Css Styles File for any changes you want to add */

/* Site Styles
================================================== */

/* === common styles === */
.float-right, .top-bar .social-icons, #nav, .more, footer .social, header .social, .accordion .icon-plus, .accordion .icon-minus, .portfolio-control, .portfolio-control a, a.next-post {
	float:right;
}

.float-left, .tweet_list li i.icon-twitter, .navigation ul li, .page-title h1, .accordion.style2 .icon-plus, .accordion.style2 .icon-minus, #horizontal-tabs ul.tabs li, #vertical-tabs .contents, #vertical-tabs ul.tabs, .alert i, .pagination a, .team .item h4, .member-social a, #options li, .share-social a, .post-meta .meta, img.pic-2, .post.style-2 .image-post, a.prev-post, .about-author .avatar, .related-posts .item, .comments .comment-box .avatar, .form-box, .the-icons, header.style-3 #nav  {
	float:left;
}

.bottom-1 { margin-bottom:15px !important; }
.bottom-2 { margin-bottom:25px !important; }
.bottom-3 { margin-bottom:35px !important; }
.bottom-4 { margin-bottom:45px !important; }
.bottom-5 { margin-bottom:55px !important; }

.top-1 { margin-top:15px !important; }
.top-2 { margin-top:25px !important; }
.top-3 { margin-top:35px !important; }
.top-4 { margin-top:45px !important; }
.top-5 { margin-top:55px !important; }

#menu > a {
	border-radius:1px;
}

.recent-work .item img.pic, .portfolio .item img.pic, .gallery .item img.pic, .img-caption, .slidecontrols li a, .more, .latest-blog .item img.pic, #footer.thumbs li img, #sidebar.thumbs li img, .subscribe input.mail, .subscribe input.submit, #toTop, .accordion h4, .accordion p, .accordion.style2 .icon-plus, .accordion.style2 .icon-minus, .meter, .meter .meter-content, .button, #horizontal-tabs .contents, #vertical-tabs .contents, #horizontal-tabs.style2 ul.tabs li, #vertical-tabs.style2 ul.tabs li, .alert, #toggle-view li h4, #toggle-view .panel, .info-box, .pagination a, .breadcrumbs, .form-elements input[type="text"], .form-elements select, .form-elements textarea, .qoute, .welcome, .testimonial-item  p, .member-social a, .team .item img, .tables-column, .tables-column .footer h4 a, #options li a, .portfolio-control a, .flex-container .slides li img, .share-social a, .project-full img, .image-post img, .post-meta .meta, .widget .text-search, .popular-tags a, img.pic-2, #footer.thumbs li img, .widget .followers, .widget .followers li a, .blog-3 .item, .post-tags, .about-author .content, .related-posts .item img, .comments .comment-box.author, .form-box input.text, .form-box textarea, body.under-construction .content input.subscribe-text, body.under-construction .content input.subscribe-button, .notification_error, .notification_ok {
	border-radius:2px;
}

.tables-column .header h3, .blog-3 .item .image-post img {
	border-radius:2px 2px 0 0;
}

.flex-direction-nav li a.flex-prev, blockquote {
	border-radius:0 2px 2px 0 ;
}

.flex-direction-nav li a.flex-next {
	border-radius:2px 0 0 2px ;
}

img.pic-2 {
	margin:0 13px 5px 0;
}

.more {
	width:29px;
	height:29px;
	display:block;
	font-weight:700;
}

.social a {
	display: inline-block;
	margin: 0 0 0 18px;
}

footer .social .social-icon.white, header .social .social-icon.white {
	margin: 0 !important;
}

header .social {
	margin-top:1px;
}

footer .social {
	margin-top:2px;
}

/* === main styles === */

/* header */
.top-bar {
	min-height: 30px;
    padding: 10px 0;
}

.phone-mail {
	padding: 3px 0;
}

.phone-mail a {
	margin-right:20px;
}

.phone-mail i {
	margin-right:7px;
}

.logo {
	margin:35px 0;
}

/* header styles */
header.style-2 .top-bar {
	min-height: 4px;
	padding:0;
}

header.style-2 .down-button {
	display:none !important;
}

header .search form {
	margin:30px 0;
}

header.style-3.style-5 .navigation > #nav {
	display:inline-block;
	float:none;
	margin-bottom:-4px;
}

header.style-3.style-5 .down-header {
	min-height:66px;
}

/* header sticky fixed */
header.fixed .sticky-wrapper.is-sticky .main-header, header.fixed .sticky-wrapper.is-sticky .down-header {
	position:relative;
	z-index:1000;
	width: 100%;
	-moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px #888;
    box-shadow: 0 0 3px #888;
}

/* navigation menu */
#nav {
	margin-top:-4px;
}

header.style-3 #nav {
	margin-top:-1px;
}

#menu > a {
	display: none;
}

i.icon-angle-down.responsive {
	display:none;
}

.down-button {
	text-align:center;
	display:none;
}

/* slider */
.slider-1, .slider-2 {
	overflow:hidden;
}

.slider-1 .slides li .contain, .slider-1 .loading, .slider-2 .slides li .contain, .slider-2 .loading {
	position:relative;
	min-height:478px;
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
	max-width:480px;
	min-width:480px;
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links, .slider-1 .slides li .item {
	position:absolute;
}

.slider-1 .slides li h2 { left:0; top:-100%; opacity:0; z-index:50 }

.slider-1 .slides li p { left:0; bottom:-50%; opacity:0; z-index:50 }

.slider-1 .slides li .links { left:0; bottom:-100%; opacity:0; z-index:50}

.slider-1 .slides li .item { right:-100%; opacity:0; z-index:10 }

.slider-1 .slides li p, .slider-2 .slides li p {
	line-height:30px;
}

.slider-1 .loading, .slider-2 .loading {
	background: #4b4c4d url("/Data/skins/event/css/../images/icons/loading.gif") no-repeat center center;
}

.slider-1 .button.medium, .slider-2 .button.medium {
	padding:17px 30px;
	margin-right:12px;
}

.slider-1 .slides li .item .video-wrap {
    min-width: 425px;
	min-height: 244px;	
}

/* slider-2 options */
.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
	position:absolute;
	width:70%;
	padding:0 15%;
}

.slider-2 .slides li h2 { bottom:-20%; opacity:0; }
.slider-2 .slides li p { bottom:-50%; opacity:0; }
.slider-2 .slides li .links { bottom:-60%; opacity:0; }

.slider-2 .slides li h2 span {
    padding: 10px 20px;
    background:rgba(0, 0, 0, 0.5);
    line-height: 75px;
	text-transform: uppercase;
	letter-spacing:2px;
}

.slider-1 .slides li .links a:hover, .slider-2 .slides li .links a:hover {
	background:rgba(0, 0, 0, 0.5);
}

.slider-1.iphone li {
	background:url("/Data/skins/event/css/../images/img/sliders/pattern.png") repeat;
}

.slider-1.iphone li img {
	margin-top:37px;
}



/* services */
.services.home, .one-page .home-bg, .one-page.section, .one-page.welcome {
	padding:55px 0;
}

.one-page.section {
	padding-bottom:0;
}

.services.home.s-2 {
	padding: 75px 0 35px 0;
}

.services.style-1 .item {
	margin-bottom:10px;
}

.services.style-1 .item h3 {
	margin-bottom:12px;
}

.services.style-1 .item .circle {
	width: 130px;
	height: 50px;
	border-radius: 50%;
	margin: 0 auto;
	padding: 40px 0;
	margin-bottom:30px;
}

.services.style-1 .item .circle a {
	display:block;
}

.services.style-1 .item p {
	padding: 0 5px;
}

/* style 2 */
.services.style-2 .item {
	overflow:hidden;
}

.services.style-2 .circle {
	width: 50px;
	height: 22px;
	border-radius: 50%;
	padding: 14px 0;
	margin-right: 10px;
	margin-top: 7px;
}

.services.style-2 .data {
	width: 78%;
}

/* style 3 */
.services.style-3 .item {
	overflow:hidden;
}

.services.style-3 .circle {
	width: 105px;
	height: 51px;
	border-radius: 50%;
	padding:27px 0;
	margin-right: 10px;
}

.services.style-3 .data {
	width: 73%;
}

/* recent work */
.recent-work .item {
	position:relative;
	overflow: hidden; 
	max-height: 240px;
	margin-bottom:20px;
}

.portfolio .item, .gallery .item {
	position:relative;
	overflow: hidden; 
	margin-bottom:20px;
}

.img-caption {
	position:absolute;
	top:100%;
	width:100%;
	height: 100%;
}

.portfolio .item img, .gallery .item img, .recent-work .item img, .portfolio .item a, .recent-work .item a, .gallery .item a {
	display:block;
}

.img-caption .desc {
	padding:10%;
}

.img-caption .desc span {
	text-align: center;
	display: block;
	font-weight: bold;
	margin-top: 10%;
}

.portfolio .item.element-4 .img-caption .desc span {
	margin-top:3%;
}

.portfolio .item.element-4 .img-caption .desc, .gallery .item.element-4 .img-caption .desc {
	padding:5%;
}

.recent-work .item img, .portfolio .item img, .gallery .item img  {
	width:100%;
	height:auto;
}

/* lates blog */
.latest-blog .item {
	margin-bottom:27px;
}

.latest-blog .item img.pic {
	margin-bottom:15px;
}

.latest-blog .item img.pic:hover {
	opacity:.7; filter:alpha(opacity=70); 
}

.latest-blog .item .meta {
	margin-bottom:13px;
}

/* featured clients */
.featured-clients .item {
	margin-bottom:20px;
}

.featured-clients img {
	opacity:.8; filter:alpha(opacity=80); 
}

.featured-clients img:hover {
	opacity:1; filter:alpha(opacity=100); 
}

/* footer */
footer {
	margin-top:40px;
}

.footer-top {
	padding:40px 0;
}

.footer-down {
	padding:22px 0;
}

footer h3.title {
	margin-bottom:20px;
}

.subscribe form {
	margin-top:22px;
}

.subscribe input.mail {
	padding:13px;
	border:none;
	width: 53%;
    margin-right: 2px;
}

.subscribe input.submit {
	padding:12px 15px;
	border:none;
	cursor:pointer;
}

span.copyright {
	padding-top: 7px;
	display: block;
}


/* start inernal pages */
.page-title {
	padding:42px 0 34px 0;
	margin-bottom: 40px;
}

.page-title h1 {
	margin-bottom:0;
}

/* testimonials */
.testimonials .testimonial-item {
	margin-bottom:20px;
}

.testimonial-item  p {
	padding:18px 20px 25px 20px;
}

.testimonials-arrow {
	background:url("/Data/skins/event/css/../images/icons/testimonials-arrow.png") no-repeat;
	width:26px;
	height:26px;
	margin:0 0 0 30px;
}

.testimonial-item .author {
	margin: -4px 0 0 77px;
}

/* team */
.team .item {
	margin-bottom:30px !important;
	min-height:397px;
}

.team.columns-4 .item {
	min-height:360px;
}

.team .item img {
	margin-bottom:15px;
	opacity:.7; filter:alpha(opacity=70); 
}

.team .item img:hover {
	opacity:1; filter:alpha(opacity=100); 
}

.team .item h4 {
	margin-right:5px;
}

.team .item span {
	font-style: italic;
	margin-top: 10px;
	display: inline-block;
}

.team .item p {
	margin:8px 0 18px 0;
}

.member-social a {
	margin: 0 6px 6px 0;
	/*width: 38px; height: 18px; padding: 7px 0 12px 0;*/
	width: 34px;
	height: 15px;
	padding: 4px 0 12px 0;
}

.member-social a i {
	margin:0 auto !important;
	display:block !important;
}

/* 404 page */
.page-404 {
	padding:60px 0 120px 0;
	min-height:520px;
	margin-bottom: -40px;
}

.page-404 .oops {
	margin-bottom: 38px;
}

.page-404 .text {
	margin-bottom:30px;
}

.page-404 .coffee {
	position:relative;
	width: 77px;
    margin: 20px auto;
}

.page-404 i.icon-coffee{
	position: absolute;
	top: 31px;
	z-index: 100;
}

.page-404 i.icon-fire{
	position: absolute;
	left: 28px;
}

/*  single project */
.portfolio-control {
	margin-top:6px;
}

.portfolio-control a {
	padding:4px 14px;
	margin-left: 9px;
}

.portfolio-control a.all {
	padding: 6px 8px 2px 8px;
}

.share-social a {
	margin: 0 6px 6px 0;
	width: 38px;
	height: 18px;
	padding: 7px 0 12px 0;
}

.share-social a span {
	margin:0 auto !important;
	display:block !important;
}

.project-full li {
	margin-bottom:20px;
}

/* blog posts */
.post.style-1, .post.style-2 {
	padding-bottom:32px;
}

.post.style-1:last-child, .post.style-2:last-child {
	border-bottom:0;
}

.image-post {
	margin:5px 0 15px 0;
}

.image-post img:hover {
	opacity:.7; filter:alpha(opacity=70); 
}

.post-content p {
	margin-bottom:10px;
}

.post-meta {
	overflow:hidden;
}

.post-meta .meta {
    padding: 8px 12px 8px 12px;
	min-height: 16px;
	margin: 0 5px 5px 0;
	display: inline-block;	
}

.post-meta .meta i {
	margin-right:3px;
}

.post.style-2 .image-post img {
	max-width: 260px;
	min-height: 187px;
	margin-right: 20px;
}

html.ie.ie8 .post.style-2 .image-post {
	max-width: 260px;
	min-height: 187px;
	margin-right: 20px;
}

.post.single {
	border-bottom:0 !important;
}

/* sidebar */
.sidebar .widget {
	margin-bottom:30px;
}

.sidebar .search form, header .search form {
	position:relative;
}

.sidebar .widget .text-search, header .widget .text-search {
	padding:13px 36px 13px 13px;
	border:none;
	width: 82%;
}

.widget .submit-search {
	background:url("/Data/skins/event/css/../images/icons/search-icon.png") no-repeat;
	position:absolute;
	top: 15px;
	right: 14px;
	border:none;
	cursor:pointer;
	width:18px;
	height:18px;
}

.widget.categories ul li {
	padding: 5px 5px 10px 18px;
	margin-bottom: 7px;
}

.widget.categories ul li:last-child {
	border-bottom:0;
	margin-bottom:0;
}

.popular-tags a {
	padding: 12px 10px;
	display: inline-block;
	margin: 0 6px 6px 0;
}

.widget #horizontal-tabs ul.tabs li {
	padding: 16px 14px;
}

.widget.most-posts ul.posts li {
	margin-bottom: 22px;
	overflow: hidden;
}

footer .widget.most-posts ul.posts li {
	margin-bottom: 12px;
}

.widget.most-posts ul.posts li:last-child {
	margin-bottom:0;
}

.widget.most-posts ul.posts li img:hover {
    opacity:.8; filter:alpha(opacity=80); 	
}

.widget.most-posts ul.posts li p {
	margin-bottom:5px;
}

.widget.most-posts ul.posts li img {
	width:68px;
	height:68px;
}

.widget .followers {
	padding:10px;
}

.widget .followers li {
	display: inline-block;
	text-align: center;
	margin: 10px 4px;
}

.widget .followers li a {
	display: inline-block;
	margin: 0 6px 6px 0;
	width: 38px;
	height: 18px;
	padding: 7px 0 12px 0;
}

.widget .followers li a i {
	margin:0;
}

.widget .followers li h4 {
	margin-bottom:0;
}

/* blog 3 */
.blog-3 .item {
	margin-bottom:20px;
}

.blog-3 .item .contain .data{
	padding:8px;
}

.blog-3 .item .image-post {
	margin-top:0;
	margin-bottom:3px;
}

.blog-3 .item .post-meta {
	margin-bottom: 13px;
}

.blog-3 .item .post-content {
	padding-top:12px;
}

.blog-3 .item .post-meta .meta {
	padding: 5px 10px 0px 0;
	margin:3px 2px 3px 0;
	background:none !important;
}

.blog-3 #options, .one-page #options {
	margin-bottom: 15px;
}

.blog-3 #options #filters li, .one-page #options #filters li {
	float:none;
	display:inline-block;
	margin: 2px 4px 2px 0;
}

.blog-3 .pagination-contain .pagination {
	display: inline-block;
}

.post-tags {
	padding:13px 15px;
	line-height:22px;
}

.next-prev-posts {
	overflow:hidden;
}

.about-author .content {
	padding:20px;
	overflow:hidden;
	margin-top:20px;
}

.about-author .avatar img {
	width:80px;
	height:80px;
	border-radius:50%;
}

html.ie.ie8 .about-author .avatar img {
	width:inherit;
}

.about-author .content .data {
	margin-left:105px;
}

.about-author .content .data h5 {
	margin-bottom:10px;
}

/* related posts */
.related-posts {
	overflow:hidden;
}

.related-posts .item {
	width:200px;
	margin-right:13px;
	margin-bottom: 13px;
}

.related-posts .item img {
	margin-bottom:10px;
	width:200px;
	height:128px;
}

.related-posts .item img:hover {
	opacity:.7; filter:alpha(opacity=70); 
}

.related-posts .item .meta {
	margin-top:5px;
}

/* comments */
.comments .comment-box {
	margin-bottom:20px;
}

.comments .comment-box .avatar {
	margin-top:5px;
}

.comments .comment-box .avatar img {
	width:60px;
	height:60px;
	border-radius:50%;
}

html.ie.ie8 .comments .comment-box .avatar img {
	width:inherit;
}

.comments .comment-box .comment {
	margin-left:80px;
	padding-bottom:20px;
}

.comments > .comment-box:last-child > .comment {
	border-bottom:0;
}

.comments .comment-box .comment h5 {
	margin-bottom:5px;
}

.comments .comment-box .comment .date-replay {
	margin-bottom:17px;
}

.comments .comment-box .children {
	margin-top:20px;
	margin-left:80px;
}

.comments .comment-box.author {
	padding:15px 10px 10px 10px;
}

.comments .comment-box.author .comment {
	padding-bottom:10px;
	border-bottom:0;
}

/* comment form */
.form-box {
	width:200px;
	margin:0 20px 15px 0;
}

.form-box.last {
	margin-right:0;
}

.form-box.big {
	width:100%;
}

.form-box label {
	padding:5px 0;
	margin-bottom:8px;
	display:block;
}

.form-box input.text {
	padding:12px 10px;
	width:89%;
	display:block;
	border:none;
}

.form-box textarea {
	width:96.6%;
	padding:12px 10px;
	min-height:180px;
	display:block;
	border:none;
}

/* google map */
#map{
	display: block;
	width: 100%;
	height: 350px;
	margin: 0 auto;
	margin-top:-40px;
}

#map img {
	max-width:inherit !important;
}

/* contact info */
.address-info li, .phone-info li, .email-info li {
	padding:5px 5px 5px 18px;
	line-height:25px;
	position: relative;
}

.phone-info li {
	padding-left:22px;
}

.email-info li {
	padding-left:26px;
}

.address-info li:before {
	content: '\f041'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 20px; position: absolute; top: 5px; left: 0;
}

.phone-info li:before {
	content: '\f095'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 17px; position: absolute; top: 5px; left: 0;
}

.email-info li:before {
	content: '\f0e0'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 17px; position: absolute; top: 5px; left: 0;
}

/* Under Construction */
body.under-construction .content h2.title, body.under-construction header .logo img, body.under-construction .content p.text, body.under-construction .content #clock-ticker {
	opacity:0;
}

body.under-construction header .logo img {
	display:block;
}

body.under-construction header .logo {
    margin: 39px 0;
}

body.under-construction .content {
	background: url("/Data/skins/event/css/../images/img/under_construction.jpg") no-repeat;
	width: 100%;
    height: 455px;
	padding:100px 0;
	image-rendering: optimizeQuality; 
	background-size: cover;
	background-position: 50% 0;
}

body.under-construction .content h2.title {
	margin-bottom:20px;
	margin-top:-40px;
}

body.under-construction .content p.text {
	line-height:40px;
}

body.under-construction .content .block {
	display:inline-block;
	width:130px;
	height: 62px;
    padding: 34px 0;
	border-radius:50%;
	margin:0 10px;
}

body.under-construction .content .block .flip-top {
	display: block;
	margin-bottom: 3px;
}

body.under-construction .content .subscribe {
	position:relative;
	z-index:100;
}

body.under-construction .content input.subscribe-text, body.under-construction .content input.subscribe-button {
	border: none;
}

body.under-construction .content input.subscribe-text {
	width: 50%;
	margin-right: 15px;
	margin-left: 13px;
	padding: 14px 15px;
}

body.under-construction .content input.subscribe-button {
	cursor: pointer;
	padding: 12px 20px 14px 20px;
}

body.under-construction footer {
	margin:0;
	padding:30px 0 40px 0;
}

body.under-construction footer span.copyright {
	margin-bottom:15px;
}

body.under-construction footer .social {
	float:none;
}

/* one page styles */
.one-page p.description {
	line-height:30px;
}

.one-page #options #filters li {
	float: none;
	display: inline-block;
	margin: 2px 4px 2px 0;
}

.one-page #testimonials .slidecontrols li a.carousel1-prev, .one-page #testimonials .slidecontrols li a.carousel1-next {
	bottom:8px;
	top: inherit;
}

.one-page.section .pic {
	display:block;
}

.one-page.section h2 {
	margin-top:90px;
}

.download-now {
	padding:20px 0;
}


/* Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
.main-header .two-thirds.column {
	float:right;
}
	
#menu {
	top: auto;
	left: auto;
	position:relative;
}

#menu > a {
	width: 40px;
	height: 40px;
	position: relative;
	float: right;
	margin-top: 33px;
	font-size:0px;
}

header.style-3 #menu > a {
	float: none;
	margin: 10px auto;
}

#menu > a:before, #menu > a:after {
	position: absolute;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}

#menu > a:after {
	top: 60%;
}

#menu:not( :target ) > a:first-of-type, #menu:target > a:last-of-type {
	display: block;
}

i.icon-angle-down.responsive {
	display: inline-block;
	float:right;
}

img.rightarrowclass {
	display:none;
}

/* first level */
#menu > ul {
	height: auto;
	display: none;
	position: absolute;
	right: 0;
	top: 83px;
	min-width: 65%;
	z-index:999;
}

header.style-3 #menu > ul {
	right: 15%;
	top: 51px;
}

#menu > ul > li {
	width: 100%;
}

#menu > ul > li > a,
#menu > ul > li > ul > li > a,
#menu > ul > li > ul > li > ul > li > a,
#menu > ul > li > ul > li > ul > li > ul > li > a
{
	height: auto;
	text-align: left;
	display: block;
    padding: 13px 10px;
}

#menu > ul > li:not( :last-child ) > a {
	border-right: none;
}

/* second level */
#menu li ul, #menu li ul li ul, #menu li ul li ul li ul {
	position: static;
	padding: 0 15px; 
	width:87% !important;
}	

header.style-3 #menu li ul, #menu li ul li ul, #menu li ul li ul li ul {
	width:93% !important;
}

#toTop {
	/*display:none !important;*/
}

/* shortcodes */
.button.small {
	padding: 12px 18px;
}

.button, .button.medium {
	padding: 15px 24px;
}

.button.large {
	padding: 17px 25px;
}

.flex-direction-nav li a {
	top: 38%;
	padding: 8px 7px;
}

.post.style-2 .image-post img {
	max-width: 100%;
	min-height:auto;
	margin-right:0;
}

.blog-3 #options #filters li, .one-page #options #filters li {
	float:left;
}

/* slider */
.slider-1 .flex-direction-nav li a, .slider-2 .flex-direction-nav li a {
	padding: 8px 9px;
}

header.style-3.style-5 .down-header {
	min-height:61px;
}

.one-page p.description {
	font-size:15px;
}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
#footer.thumbs li {
	width: 47%;
	margin: 3px 6px 3px 0;
}

#footer.thumbs li img {
	width: 103px;
	height:90px;
}

.subscribe input.mail {
	width: 89%;
	margin-right:0;
	margin-bottom:10px;
}

.subscribe input.submit {
	width:100%;
}	

/* shortcodes */
#vertical-tabs ul.tabs {
	width:100%;
}

#vertical-tabs ul.tabs li {
	float: left;
	width: 37%;
	text-align: center;
}

#vertical-tabs.style2 ul.tabs li {
	margin-right: 3px;
}

#vertical-tabs .contents, #vertical-tabs.style2 .contents {
	margin-left: 0;
	width:100%;
}

#vertical-tabs.style2 ul.tabs li.current {
	border: none !important;
}

#vertical-tabs ul.tabs {
	border-top:none !important;
}

.alert, .alert .close {
	font-size:14px;
}

.form-elements textarea {
	width:94%;
}

.welcome {
	font-size:23px;
	padding: 30px 5%;
}

.qoute h4 {
	font-size:21px;
}

.qoute .button {
	font-size:14px;
}

.page-title h1 {
	font-size: 42px;
}

/* team */
.team .item {
	min-height:236px;
}

/* services */
.services.style-2, .services.style-3 {
	text-align:center;
}

.services.style-2 .circle, .services.style-3 .circle {
	float:none;
	margin: 0 auto;
	margin-bottom: 15px;
}

.services.style-2 .data, .services.style-3 .data {
	float:none;
	width: 100%;
}

.tables-column .header h3 {
	font-size:20px;
}

/* portfolio items */
.portfolio .item.element-4 .img-caption .desc span {
	margin-top: 1%;
}

.portfolio .item.element-4 .img-caption .desc h3, .gallery .item.element-4 .img-caption .desc h3 {
	font-size: 20px;
	margin-bottom: 0;
}

.portfolio .item.element-4 .img-caption .desc p, .gallery .item.element-4 .img-caption .desc p {
	font-size:13px;
}

.portfolio .item.element-3 .img-caption .desc, .recent-work .item .img-caption .desc, .gallery .item.element-3 .img-caption .desc {
	padding: 5%;
}

.portfolio .item.element-3 .img-caption .desc h3, .recent-work .item .img-caption .desc h3, .gallery .item.element-3 .img-caption .desc h3 {
	font-size: 20px;
	margin-bottom: 0;
}

.portfolio .item.element-3 .img-caption .desc p, .recent-work .item .img-caption .desc p, .gallery .item.element-3 .img-caption .desc p {
	font-size:13px;
}

.portfolio .item.element-3 .img-caption .desc span, .recent-work .item .img-caption .desc span, .gallery .item.element-3 .img-caption .desc span {
	margin-top: 3%;
}

/* sidebar */
.sidebar .widget .text-search, header .widget .text-search {
	width: 77%;
}

#sidebar.thumbs li {
	width: 38.7%;
}

.widget .followers li {
	margin: 10px 18px;
}

.post.style-2 .image-post {
	float:none;
}

/* related posts */
.related-posts .item {
  width: 156px;
}

.related-posts .item img {
	width: 156px;
	height: 110px;
}

/* comment form */
.form-box input.text, .form-box textarea {
	width:95.8%;
}

.form-box {
	width:100%;
	margin:0 0 10px 0;
}

/* slider */
.slider-1 .slides li .item {
	max-width:45%;
}

.slider-1 .slides li .contain, .slider-1 .loading {
	min-height: 395px;
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
	max-width: 380px;
	min-width: 380px;
}

.slider-1 .slides li h2 {
	font-size: 22px;
	line-height: 32px;
}

 .slider-1 .slides li p {
	font-size: 16px;
}

.four.columns #footer.thumbs li {
	width: 46%;
}

.slider-1 .slides li .item .video-wrap {
	min-width: 357px;
	min-height: 194px;
}

.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
	width: 80%;
	padding: 0 10%;
}

.slider-2 .slides li .contain, .slider-2 .loading {
	min-height: 447px;
}

.one-page h1.title {
	font-size:38px;
}

.welcome-text {
	font-size:38px;
}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

.recent-work .item {
	max-height: 336px;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.main-header .one-third.column, .main-header .two-thirds.column {
	width:auto;
}

.logo {
	margin:30px 0 45px 0;
}

header.style-3 .logo {
	margin:30px 0 30px 0;
	text-align:center;
}

#menu > ul {
	width: 420px;
	right:0;
	top: 81px;
}

header.style-3 #menu > ul {
	width: 420px;
	right:0;
	top: 51px;
}

#menu li ul, #menu li ul li ul, #menu li ul li ul li ul {
    width: 92.8% !important;	
}

.phone-mail {
	text-align:center;
	margin-bottom: 7px;
	margin-top: 5px;
}

.phone-mail a {
	margin:0 10px;
}

header .social {
	float:none;
	text-align:center;
	margin-bottom: 11px;
}

.top-bar {
	padding:3px 0;
	min-height:0;
}

.top-bar .slidedown {
	display:none;
}

.down-button {
	display: block;
	width: 30px;
	margin: 0 auto;
	height: 22px;
	opacity:.6; filter:alpha(opacity=60); 
}

.down-button:hover {
	opacity:1; filter:alpha(opacity=100); 
}

#menu > a {
	margin-top:31px;
}

header.style-3 #menu > a {
	margin-top:10px;
}

footer .footer-top .widget {
	margin-bottom:25px;
}

footer h3.title {
    margin-bottom: 10px;	
}

#footer.thumbs li img {
	width: 123px;
	height: 84px;
}

.subscribe input.mail {
    width: 62%;
}

.featured-clients img {
	display:block;
	margin:0 auto;
}

span.copyright {
	text-align:center;
	margin-bottom: 11px;
	line-height: 24px;
}

footer .social {
	text-align:center;
	float:none;
}

footer .social a {
	margin: 0 0 0 13px;
}

.services.style-1 .item {
	margin-bottom:35px;
}

.services.style-1 .item .circle {
	margin-bottom: 17px;
}

.services.style-1 .item h3 {
	margin-bottom:3px;
}

/* shortcodes */
#vertical-tabs ul.tabs {
	width:100%;
}

#vertical-tabs ul.tabs li {
	float: left;
	width: 37%;
	text-align: center;
}

#vertical-tabs.style2 ul.tabs li {
	margin-right: 3px;
}

#vertical-tabs .contents, #vertical-tabs.style2 .contents {
	margin-left: 0;
	width:100%;
}

#vertical-tabs.style2 ul.tabs li.current {
	border: none !important;
}

#vertical-tabs ul.tabs {
	border-top:none !important;
}

.welcome {
	font-size:23px;
	padding: 30px 5%;
	text-align:left;
}

.button.small {
	padding: 10px 16px;
}

.button, .button.medium {
	padding: 12px 22px;
}

.button.large {
	padding: 15px 22px;
}

.page-title h1 {
	font-size: 37px;
}

/* services */
.services.style-2 .data {
	width: 83%;
}

.services.style-3 .data {
	width: 70%;
}

/* 404 page */
.page-404 .oops {
	font-size: 115px;
}

.page-404 .text {
	margin-bottom: 15px;
	font-size: 28px;
	line-height: 41px;
}

.page-404 {
	padding: 40px 0 150px 0;
}

/* sidebar */
.sidebar .widget .text-search, header .widget .text-search {
	width: 88%;
}

#sidebar.thumbs li {
	width: 30.9%;
}

#sidebar.thumbs li img, #footer.thumbs li img, .four.columns #footer.thumbs li img {
	width: 126px;
	height: 105px;
}

.widget .followers li {
	margin: 10px 21px;
}

/* related posts */
.related-posts .item {
  width: 197px;
}

.related-posts .item img {
	width: 197px;
	height: 125px;
}

/* comment form */
.form-box input.text, .form-box textarea {
	width:94.8%;
}

.form-box {
	width:100%;
	margin:0 0 10px 0;
}

.comment-form input.button {
	width:100%;
	padding:13px 0;
}

/* under construction */
body.under-construction .content p.text {
	font-size: 29px;
}

body.under-construction .content {
	height: 515px;
	padding: 75px 0;
}

body.under-construction .content .block {
	margin-bottom:20px;
}

body.under-construction .content input.subscribe-text {
	width: 87%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 15px;
}

body.under-construction .content input.subscribe-button {
  width: 94%;
  margin-bottom: 35px;
}

/* slider */
.slider-1 .slides li .item {
	max-width:45%;
}

.slider-1 .slides li .contain, .slider-1 .loading {
	min-height: 220px;
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
	max-width: 280px;
	min-width: 280px;
}

.slider-1 .slides li h2 {
	font-size: 22px;
	line-height: 32px;
}

.slider-1 .slides li p, .slider-1 .slides li .links {
	display:none;
}

header .search form {
	margin:0 0 30px 0;
}

.slider-1 .slides li .item .video-wrap {
	min-width: 195px;
	min-height: 124px;
}

.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
	width: 100%;
    padding: 0;
}

.slider-2 .slides li h2 span {
	padding: 5px 20px;
	line-height: 122px;
	font-size:30px;
}

.slider-2 .slides li p {
	font-size: 16px;
}

.slider-2 .slides li .contain, .slider-2 .loading {
	min-height: 427px;
}

.slidecontrols li a.carousel1-next {
	position:absolute;
	top:0;
	right:0;
}

.slidecontrols li a.carousel1-prev {
	position:absolute;
	top:0;
	right:34px;
}

.slidecontrols li a.carousel2-next, .slidecontrols li a.carousel3-next, .slidecontrols li a.carousel4-next {
	position:absolute;
	top:0;
	right:0;
}

.slidecontrols li a.carousel2-prev, .slidecontrols li a.carousel3-prev, .slidecontrols li a.carousel4-prev {
	position:absolute;
	top:0;
	right:34px;
}


.one-page h1.title {
	font-size:36px;
}

.one-page.section h2 {
	margin-top:20px;
	text-align:center;
}

.one-page.section p {
	text-align:center;
}

.download-now h2 {
	font-size:29px;
}

.welcome-text {
	font-size:28px;
}


	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

.logo img {
	display:block;
	margin:0 auto;
}

#menu > a {
	margin:0 auto;
	margin-bottom:35px;
	float:none;
}

header.style-3 #menu > a {
	margin: 10px auto;
	float:none;
}

#menu > ul {
	width: 100%;
	right:0;
	top: 50px;
}

header.style-3 #menu > ul {
	top: 51px;
	right:0;
}

.phone-mail {
	text-align:center;
	margin-bottom: 0;
	margin-top: 5px;
}

.phone-mail a {
	margin: 0;
	display: block;
	margin-bottom: 10px;
}

header .social {
	float:none;
	text-align:center;
	margin-bottom: 14px;
}

.top-bar {
	padding:3px 0;
	min-height:0;
}

.top-bar .slidedown {
	display:none;
}

.down-button {
	display: block;
	width: 30px;
	margin: 0 auto;
	height: 22px;
	opacity:.6; filter:alpha(opacity=60); 
}

.down-button:hover {
	opacity:1; filter:alpha(opacity=100); 
}

span.copyright {
	text-align:center;
	margin-bottom: 11px;
	line-height: 24px;
}

footer .social {
	text-align:center;
	float:none;
}

footer .social a {
	margin: 0 0 0 10px;
}

.subscribe input.mail {
	width: 89%;
	margin-right:0;
	margin-bottom:10px;
}

.subscribe input.submit {
	width:99%;
}	

#footer.thumbs li, #sidebar.thumbs li {
	width: 31%;
	margin: 3px 6px 0px 0;
}

footer .footer-top .widget {
	margin-bottom:25px;
}

footer h3.title {
    margin-bottom: 10px;	
}

.featured-clients img {
	display:block;
	margin:0 auto;
}

h3.title, .latest-blog .item h3 {
	font-size: 23px;
}

.services.style-1 .item {
	margin-bottom:35px;
}

.services.style-1 .item .circle {
	margin-bottom: 17px;
}

.services.style-1 .item h3 {
	margin-bottom:3px;
}

/* shortcodes */
.button.small {
	padding: 8px 13px;
}

.button, .button.medium {
	padding: 10px 18px;
}

.button.large {
	padding: 13px 19px;
}

#vertical-tabs ul.tabs, #horizontal-tabs ul.tabs {
	width:100%;
}

#vertical-tabs ul.tabs li, #horizontal-tabs ul.tabs li{
	float: left;
	width: 82%;
	text-align: center;
}

#vertical-tabs.style2 ul.tabs li {
	margin-right: 3px;
}

#vertical-tabs .contents, #vertical-tabs.style2 .contents {
	margin-left: 0;
	width:100%;
}

#vertical-tabs.style2 ul.tabs li.current {
	border: none !important;
}

#vertical-tabs ul.tabs {
	border-top:none !important;
}

.welcome {
	font-size:23px;
	padding: 30px 5%;
	text-align:left;
}

.alert, .alert .close {
	font-size: 14px;
}

.form-elements span {
	width: 100%;
	margin: 10px 0;
}

.qoute h4 {
	font-size: 19px;
}

.page-title h1 {
	font-size: 33px;
	float:none;
	text-align:center;
}

.testimonials-arrow {
	margin-left:15px;
}

.testimonial-item .author {
	margin-left:57px;
}

/* team */
.team .item {
	min-height:391px;
}

/* services */
.services.style-2, .services.style-3 {
	text-align:center;
}

.services.style-2 .circle, .services.style-3 .circle {
	float:none;
	margin: 0 auto;
	margin-bottom: 15px;
}

.services.style-2 .data, .services.style-3 .data {
	float:none;
	width: 100%;
}

/* 404 page */
.page-404 .oops {
	font-size: 90px;
	margin-bottom: 30px;
}

.page-404 .text {
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 41px;
}

.page-404 {
	padding: 40px 0 120px 0;
}

/* portfolio items */
.portfolio .item.element-3 .img-caption .desc, .recent-work .item .img-caption .desc, .gallery .item.element-3 .img-caption .desc {
	padding: 5%;
}

.portfolio .item.element-3 .img-caption .desc h3, .recent-work .item .img-caption .desc h3, .gallery .item.element-3 .img-caption .desc h3 {
	font-size: 20px;
	margin-bottom: 0;
}

.portfolio .item.element-3 .img-caption .desc p, .recent-work .item .img-caption .desc p, .gallery .item.element-3 .img-caption .desc p {
	font-size:13px;
}

.portfolio .item.element-3 .img-caption .desc span, .recent-work .item .img-caption .desc span, .gallery .item.element-3 .img-caption .desc span {
	margin-top: 3%;
}

/* single project */
.portfolio-control {
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 147px;
	margin-top: 15px;
}

/* flex slider direction */
.flex-direction-nav li a {
	top: 37%;
	padding: 0px 5px;
}

/* sidebar */
.sidebar .widget .text-search, header .widget .text-search {
	width: 80%;
}

.widget .followers li {
	margin: 10px 30px;
}

.about-author .avatar {
	float:none;
	text-align:center;
}

.about-author .content .data {
	margin-left:0;
	margin-top:12px;
}

.about-author .content .data h5 {
	text-align:center;
}

/* related posts */
.related-posts .item {
	width: 100%;
	margin-right: 0;
}

.related-posts .item img {
	width: 100%;
	height: 165px;
}

.comments .comment-box .avatar {
	float:none;
	text-align:center;
}

.comments .comment-box .comment {
	margin-left:0;
	margin-top:15px;
}

.comments .comment-box .comment h5, .comments .comment-box .comment .date-replay {
	text-align:center;
}

.comments .comment-box .children {
	margin-left:20px;
}

/* comment form */
.form-box input.text, .form-box textarea {
	width:91%;
}

.form-box {
	width:100%;
	margin:0 0 10px 0;
}

.comment-form input.button {
	width:99%;
	padding:11px 0;
}

/* under construction */
body.under-construction .content h2.title {
	font-size: 27px;
}

body.under-construction .content p.text {
	font-size: 18px;
}

body.under-construction .content {
	height: 488px;
	padding: 75px 0;
}

body.under-construction .content .block {
	width: 115px;
	height: 65px;
	padding: 25px 0;
	margin: 0 5px;
	margin-bottom:20px;
}

body.under-construction .content input.subscribe-text {
	width: 87%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 15px;
}

body.under-construction .content input.subscribe-button {
  width: 98%;
  margin-bottom: 35px;
}

/* slider */
.slider-1 .slides li .item {
	max-width:45%;
}

.slider-1 .slides li .contain, .slider-1 .loading {
	min-height: 135px;
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
	max-width: 140px;
	min-width: 140px;
}

.slider-1 .slides li h2 {
	font-size: 15px;
    line-height: 20px;
}

.slider-1 .slides li p, .slider-1 .slides li .links {
	display:none;
}

header .search form {
	margin:0 0 30px 0;
}

.slider-1 .slides li .item .video-wrap {
	min-width: 115px;
	min-height: 95px;
}

.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
	width: 100%;
    padding: 0;
}

.slider-2 .slides li h2 {
	margin-bottom: 76px;
}

.slider-2 .slides li h2 span {
	padding: 5px;
	line-height: 45px;
    font-size: 18px;
}

.slider-2 .slides li p {
	font-size: 14px;
}

.slider-2 .slides li .contain, .slider-2 .loading {
	min-height: 357px;
}

.slidecontrols li a.carousel1-next {
	position:absolute;
	top:0;
	right:0;
}

.slidecontrols li a.carousel1-prev {
	position:absolute;
	top:0;
	right:34px;
}

.slidecontrols li a.carousel2-next, .slidecontrols li a.carousel3-next, .slidecontrols li a.carousel4-next {
	position:absolute;
	top:0;
	right:0;
}

.slidecontrols li a.carousel2-prev, .slidecontrols li a.carousel3-prev, .slidecontrols li a.carousel4-prev {
	position:absolute;
	top:0;
	right:34px;
}

.one-page h1.title {
	font-size:29px;
}

.one-page.section h2 {
	margin-top:20px;
	text-align:center;
}

.one-page.section p {
	text-align:center;
}

.download-now h2 {
	font-size:29px;
}

.welcome-text {
	font-size:20px;
}

.one-page .testimonial-item .author {
    margin-bottom:50px;
}


}

/* Custom Styles */
.logo {
	margin:10px 0 5px;
}/*
* Theme Name: Invention
* Theme URI: http://www.jozoor.com
* Description: Invention Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00    =
=     00   00    00        00    00    00   00    00   00       =
=     00   00    00      00      00    00   00    00   00       =
=     00   00    00    00        00    00   00    00   00       =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00       =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

/* Backgrounds
================================================== */
::-moz-selection {
    background:#80ba42;
}

::selection {
    background:#80ba42;
}

.services.style-1 .item.active .circle, .services.style-1 .item:hover .circle, .more:hover, .subscribe input.submit, #menu > a, .page-title, .accordion h4.ui-state-active, .accordion.style2 h4.ui-state-active .icon-plus, .accordion.style2 h4.ui-state-active .icon-minus, .meter > span:after, .animate > span > span, .button.color, .button.black:hover, #horizontal-tabs.style2 ul.tabs li.current, #vertical-tabs.style2 ul.tabs li.current, #horizontal-tabs.style2 ul.tabs li:hover, #vertical-tabs.style2 ul.tabs li:hover, #toggle-view li h4.color, .highlight-color, .dropcap.color, .pagination a.next-button:hover, .pagination a.prev-button:hover, .pagination a:hover, .pagination a.current, table.style.color th, .meter .meter-content, .team .item .member-social a:hover, .services.style-2 .item .circle, .services.style-2 .item.active:hover .circle, .services.style-3 .item.active .circle, .services.style-3 .item:hover .circle, .tables-column .footer h4 a:hover, .tables-column.color .header h3 , .tables-column.color .footer h4 a, .tables-column .header h3 span.pop, .share-social a:hover, .popular-tags a:hover, .widget .followers li a:hover, body.under-construction #wrap.boxed, body.under-construction .content input.subscribe-button, .flex-control-nav li a.flex-active, .flex-control-nav li a:hover, header.style-4 .top-bar, html.ie.ie8 .img-caption, html.ie.ie8 .fancybox-title-float-wrap .child, .slide-bg-color {
	 background:#80ba42;
}

.img-caption, .fancybox-title-float-wrap .child {
	background:rgba(128,186,66,.88);
}

/* Colors 
================================================== */
p a, a:hover, .latest-blog .item h3 a:hover, .tweet_list li i.icon-twitter, .tweet.footer .tweet_list li a:hover, footer a:hover, .button.normal:hover, .breadcrumbs a, span.color, .team .item span, .check-list.why li:before, .widget.most-posts ul.posts li a:hover, .blog-3 .item .post-meta a:hover, .post-tags a, .form-box label small, i.color, header.style-4 .navigation > ul > li > a:hover, header.style-4 .navigation > ul > li > a.selected, header.style-4 .navigation > ul > li.active > a {
	 color:#80ba42;
}

/* borders
================================================== */
.navigation ul li a:hover, .navigation ul li a.selected, .navigation ul li.active a {
	border-top:4px solid #80ba42;
}

#horizontal-tabs ul.tabs li.current {
	border-top:2px solid #80ba42;
}

#vertical-tabs ul.tabs li.current {
	border-left:2px solid #80ba42;
}

header.style-3 .navigation ul li a:hover, header.style-3 .navigation ul li a.selected, header.style-3 .navigation ul li.active a {
	border-top:1px solid #80ba42;
}
/*
* Theme Name: Invention
* Theme URI: http://www.jozoor.com
* Description: Invention Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00    =
=     00   00    00        00    00    00   00    00   00       =
=     00   00    00      00      00    00   00    00   00       =
=     00   00    00    00        00    00   00    00   00       =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00       =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

.hidden {
	display:none;
}
/*
* Theme Name: Invention
* Theme URI: http://www.jozoor.com
* Description: Invention Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00    =
=     00   00    00        00    00    00   00    00   00       =
=     00   00    00      00      00    00   00    00   00       =
=     00   00    00    00        00    00   00    00   00       =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00       =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

/* Custom CSS Code 
=================================================*/

/* this logo width & height , you can change it depend on your logo */
.logo {
	margin: 0;
}

	.logo img {
		width: 126px;
		height: 125px;
	}

body.pagebody {
	background: url("/Data/skins/event/css/bg/fabric.jpg") repeat;
}

.main-content p a, .main-content li a {
	color: #80ba42;
}

	.main-content p a:hover, .main-content li a:hover {
		color: #5a5c5d;
	}

/*.container {padding: 0 30px;}*/

h1 {
	font-size: 46px;
	line-height: 50px;
	margin-bottom: 14px;
}

h2 {
	font-size: 28px;
	line-height: 40px;
	margin-top: 20px;
	margin-bottom: 10px;
}

h3 {
	font-size: 23px;
	line-height: 34px;
	margin-top: 15px;
	margin-bottom: 8px;
}

h4 {
	font-size: 19px;
	line-height: 30px;
	margin-bottom: 4px;
}

h5 {
	font-size: 16px;
	line-height: 24px;
}

h6 {
	font-size: 14px;
	line-height: 21px;
}

p {
	margin: 12px 0;
}

b {
	font-weight: bold;
}

ul ul {
	margin-top: 5px;
}

.small {
	font-size: 90%;
}

.large {
	font-size: 110%;
}

.main-content ul {
	list-style: disc;
}

.main-content li {
	display: list-item;
	list-style: disc;
	margin: 0 0 10px 40px;
	line-height: 18px;
}

.main-content p:first-of-type, .main-content h2:first-of-type, .main-content h3:first-of-type {
	margin-top: 0;
}

.top {
	margin-top: 0;
}

.bottom {
	margin-bottom: 0;
}

.topbot {
	margin-top: 0;
	margin-bottom: 0;
}

.button.color {color: white;}
	.button.color:hover {color: #E2E2E2;}

.event {
	margin-top: 30px;
	font-size: 12pt;
	text-align: left;
}

	.event h2 {
		margin: 0;
	}

	.event p {
		margin: 0;
	}

.sidebar h1 {
	margin: 0;
	padding: 5px 15px;
	font-size: 20px;
	line-height: 20px;
	background-color: #5a5c5d;
	color: white;
}

.sidebar ul {
	margin: 0;
	padding: 0;
}

.sidebar li {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	font-size: 90%;
}

.presenter-right {
	float: right;
	margin: 0 0 10px 10px;
}

.presenter-left {
	float: left;
	margin: 0 10px 10px 0;
}

table.style td, table.style th {
	text-align: left;
}

/*Menu*/
header.style-3 .nav {
	float: left;
}

header.style-3.style-5 .navigation > .nav {
	display: inline-block;
	float: none;
	margin-bottom: -4px;
}

.nav {
	margin-top: -4px;
}

header.style-3 .nav {
	margin-top: -1px;
}

header.style-3.style-5 .navigation > .nav {
	text-align: left;
}

/* Form Styles */
.List1 label, .List1bold label, .List2 label, .List2bold label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #14314F;
	font-weight: normal;
}

/* This class defines the styles for table headers in the  */
.TableHeader {
	color: white;
	background-color: #80ba42;
	font: bold 11px Verdana,tahoma,Arial;
	padding: 2px 6px 2px 6px;
	border: 1px solid white;
}

/* This class defines table backgrounds */
.List1 {
	color: #14314F;
	background-color: #C0C0C0;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type */
.List1bold {
	color: #14314F;
	background-color: #C0C0C0;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds */
.List2, .List2 p {
	color: #14314F;
	background-color: #E2E2E2;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type*/
.List2bold, .List2bold p {
	color: #14314F;
	background-color: #E2E2E2;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

	.List1 p, .List1bold p, .List2 p, .List2bold p,
	.List1 ul, .List1bold ul, .List2 ul, .List2bold ul {
		font: normal 10px/14px Verdana,tahoma,Arial;
		margin: 0;
		border: 0;
	}

/* This class defines the styles for all generic buttons */
.InputSubmit1 {
	color: white;
	background-color: #80ba42;
	font: bold 10px Verdana,Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}

/* This class defines the styles for all buttons on the main admin display*/
.InputSubmit2 {
	color: black;
	background-color: white;
	font: bold 10px Verdana,Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}

/* This class defines the styles for all input boxes*/
.InputBox {
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
}

/* This class defines the styles for all text areas*/
.InputBoxTextArea {
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
}

/* This class defines the styles for main tables*/
.Table1 {
	border: 1px solid black;
	margin: 1px 0 10px 0;
	border-collapse: separate;
}

/* This class defines the styles for all error messages */
.Error {
	color: #e7402f;
}

/* This class defines the styles for all required field markers */
.Required {
	font: bold 10px Verdana,tahoma,Arial;
	color: #e7402f;
}

.Message {display: block; padding: 10px; margin-bottom: 10px; background-color: lemonchiffon;}

.validatorHighlight {background-color: lemonchiffon;}

.background {background-color: #80ba42;}

.progressBackgroundFilter,#progressBackgroundFilter {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-color: #000; 
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 1000;
}
.popupPanel {
    z-index: 1002;
    padding: 10px;
    background-color: White;
    color: Black;
    border: 2px solid black;
    position: relative;
}

.exceltext {mso-number-format: \@;}

.Watermark {
	color: #888888;
	background-color: #FDFDFD;
	border: 1px solid black;
	font-family: Verdana,tahoma,Arial; 
	font-size: 10px;
	font-weight: normal;
}

.wysiwygeditor {font-family:'RobotoRegular', Arial, sans-serif;}

.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {padding: 0 15%;}