/*=====================================================================================================================/

	Common HTML Elements

/=====================================================================================================================*/

html

{

	padding: 0;

	margin: 0;

	/*width: 100% !important;*/

	font-size: 12px;

	font-family: Arial;

	line-height: 1.2;

	display: block;



}



body

{

	padding: 0;

	margin: 0;

	width: 100% !important;

	font-size: 12px;

	font-family: Arial;

	line-height: 1.2;

	min-width: 980px;

	display: block;

}





.wrapperer

{

	display: block;

	position: relative;

	width: 100%;

	overflow: hidden;

	

}





a {

  color:inherit;

  text-decoration: none;

 }



a:hover {

  color:inherit;

  text-decoration: none;

 }

 



.ParagraphBox a:hover {

  color:inherit;

  text-decoration: none;

 }

 

#strechedBg 

{

	position: fixed;

	top: 0px;

	left: 0px;

}



INPUT,

TEXTAREA,

SELECT

{	

	background: #202020;

	border: solid 1px #808080;

	font-size: 14px;

	font-family: Arial;

	color: #F0F0F0;

	padding: 3px 5px;

	width: 200px;

	

}





.info-section

{

	opacity: 0;

}



.footer

{

	position: relative;

	top: 0px;

	width: 100%;

	text-align: center;

	color: gray;

	opacity:0;

	filter:Alpha(opacity=0)

}



.footer a

{

	color: #E3E3E3 !important;

	font-size: 12px;

}



INPUT.checkbox,

INPUT.radiobox

{

	width: auto;

	padding: 0;

	border: none;

}



INPUT.wide,

TEXTAREA.wide,

SELECT.wide

{	

	width: 300px;	

}



SELECT.wide

{

	width: 311px;

}



INPUT.radio

{

	width: auto;

}

INPUT.button

{

	width: auto;

	padding: 1px 3px;

	cursor: pointer;

	color: Black;

	background: #E0E0E0;

	border:2px outset white;

}



SELECT

{

	padding: 0;

	height: 23px;

	vertical-align: top;

	width: auto;

}



a img

{

	border-width: 0;

}









img, div

{

   -o-transition: opacity .3s linear;

   -moz-transition: opacity .3s linear;

   -webkit-transition: opacity .3s linear;

   transition: opacity .3s linear;

}



p

{

 display: block;

 padding: 0px;

 margin: 0px;	

}





.mceRTL

{

	direction: rtl !important;

}



p

td,

pre

{

	color: Black; 

	background-color: Transparent;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:15px;

	margin: 0;

	padding: 0;

}





STRONG

{

	font-weight: bold;

}



P

{

	margin: 0;

}







EM

{

	font-style:italic;

}

























.attach

{

	background: url('http://d2c8yne9ot06t4.cloudfront.net/static/images/editor/visualbox/attached.png') no-repeat scroll top left;

	width: 60px;

	height: 16px;

	position: absolute;

	left: 110px;

	top: -32px;

	text-align: left;

	display: block;

}



.attached

{

	width: auto;

	height: 16px;

	position: absolute;

	right: 3px;

	top: -22px;

	padding: 3px;

	display: none;

	opacity: .8; /* Standard: FF gt 1.5, Opera, Safari */

	filter: alpha(opacity=80); /* IE lt 8 */

	-ms-filter: "alpha(opacity=80)"; /* IE 8 */

}



.attached > .symbol

{

	background: url('http://d2c8yne9ot06t4.cloudfront.net/static/images/editor/visualbox/attached.png') no-repeat scroll top left;

	width: 16px;

	height: 16px;

	display: none;

	float: right;

}



.attached > .down

{

	background: url('http://d2c8yne9ot06t4.cloudfront.net/static/images/editor/visualbox/attached-down.png') no-repeat scroll top left;

	width: 10px;

	height: 16px;

	top: 0;

	left: 0;

	display: none;

	float: right;

}





.fixed

{

	position: fixed !important;

}





.mceLayout

{

	background-color: Transparent;

}



SPAN

{

	height: 100%;

	width: 100%;

	position: relative; /* for IFRAME to be absolute inside */

}













/*===================================== PARAGRAPH ======================================*/



.ParagraphBox

{

word-wrap: break-word !important;

}



.ParagraphBox p

{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	overflow: visible;

	padding: 0px;

}







.TitleBox .innerText

{	

	width: 105% !important;

	

}



.mceRTL

{

	/*text-align: right !important; */

	direction: rtl !important;

	word-wrap: break-word !important;

}







.innerText,

.innerText td,

.innerText pre

{

	color: Black; 

	background-color: Transparent;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:15px;

	margin: 0;

	padding: 0;

	word-wrap: break-word !important;

}



.innerText pre span

{

	

}



/* We need to redeclare some basic HTML styling to overcome reset.css */

.innerText STRONG

{

	font-weight: bold;

}



.innerText P

{

	margin: 0;

}







.innerText EM

{

	font-style:italic;

}





.ParagraphBox .innerText

{

	margin: 0px;

	position: relative;

	width: 100%;

	right: 0px;

	left: 0px;

	padding: 2px;

	display: block;

	float: left;

	

}



/*===================================== TITLE ======================================*/



.TitleBox

{

overflow: visible !important;

word-wrap: normal;

}



.TitleBox p

{

	padding-top: 0px;

}



/*===================================== PICTURE ======================================*/





.PictureBox .inner-all

{

	overflow: hidden;

}



.like-container iframe

{

	height: 28px !important;

}



.PictureBox .inner-all

{

	height:100%;

	position:absolute;

	width:100%;

	display: none;

}







.PictureBox .inner-all .imageholder

{

	position: absolute;

}

.PictureBox .inner-all .imageholder .image

{

	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */

	filter: alpha(opacity=70); /* IE lt 8 */

	-ms-filter: "alpha(opacity=70)"; /* IE 8 */



}







.PictureBox .inner-all .imageholder .filler

{

	width: 100%;

	height: 100%;

	background: Black;

	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */

	filter: alpha(opacity=50); /* IE lt 8 */

	-ms-filter: "alpha(opacity=50)"; /* IE 8 */

	position: absolute;

	top: 0;

	left: 0;

}	







.PictureBox .loading-overlay {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}



.PictureBox .loading-overlay .inner {

	background: Black;

	opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */

	filter: alpha(opacity=85); /* IE lt 8 */

	-ms-filter: "alpha(opacity=85)"; /* IE 8 */

	width: 100%;

	height: 100%;

	position: absolute;

	color: White;

}



.PictureBox .loading-overlay .inner IMG {

	display: block;

	margin-bottom: 10px;

}





.PictureBox .info-overlay {

	position: absolute;

	bottom: 0;

	left: 0;

	display: block;

	opacity: 1;

	filter: alpha(opacity=100);

	width: 100%;

}



.PictureBox .info-icon {

	opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */

	filter: alpha(opacity=85); /* IE lt 8 */

	-ms-filter: "alpha(opacity=85)"; /* IE 8 */

	position: absolute;

	bottom: 10px;

	left: 10px;

}





.PictureBox .info-overlay .inner {

	background: Black;

	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */

	filter: alpha(opacity=50); /* IE lt 8 */

	-ms-filter: "alpha(opacity=50)"; /* IE 8 */

	width: 100%;

	height: 100%;

	color: White;

	padding: 15px;

}



.PictureBox .inner-visible {

	opacity: 1;

	overflow: hidden;

}





.PictureBox .info-overlay .info-title {

	font-weight: bold;

	font-size: 12px;

}



.PictureBox .info-overlay .info-title {

	font-weight: bold;

	font-size: 12px;

}



.PictureBox .info-overlay .info-title A {

	color: White;

}



.PictureBox .info-overlay .description {

	margin-top: 10px;

}





.lightbox .info-overlay {

	left: 0;

	text-align: center;

	padding: 20px;

	width: 100%;

}





.lightbox .SlideShowBox {

	padding: 0px!important;

	border: 0px!important;

}



.lightbox .SlideShowBox .PictureBox{

	width: 100%!important;

	height: 100%!important;

}



.lightbox .SlideShowBox .PictureBox .inner-visible {

	width: 100%!important;

}







/*===================================== EMBEDDED VIDEO ======================================*/



.EmbeddedVideoBox 

{

}



.EmbeddedVideoBox .video

{

	position: relative;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



.EmbeddedVideoBox .overlay

{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}





/*===================================== RAW HTML ======================================*/



.HtmlBox

{

	

	font-size: 18px;

	color: white;

	

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}





.RawHtmlBox .overlay

{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



/*===================================== RAW HTML ======================================*/



.WidgetBox .overlay

{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}





/*===================================== CONTACT FORM ======================================*/



.ContactFormBox 

{

}



.ContactFormBox .inner

{

	position: relative;

	width: 100%;

	height: 100%;

}





.ContactFormBox .results

{	

	z-index: 1;

	position: absolute;

	left: 0;

	top: 0;	

	height: 100%;

	width: 100%;	

	display: table;

	background: White;

	opacity: 0;

	

}





.ContactFormBox .results .errorlist

{	

	display: table-cell;

	vertical-align: middle;

	width: 100%;

	height: 100%;

}



.ContactFormBox .results .errorlist .error

{	

	margin-bottom: 10px;

	font-size: 13px;

	color: Red;

	text-align: center;

}



.ContactFormBox .results .outcome

{	

	display: table-cell;

	vertical-align: middle;

	color: Black;

	text-align: center;

}





.ContactFormBox FORM

{	

	z-index: 2;

	position: absolute;

	left: 0;

	top: 0;	

	height: 100%;

	width: 100%;

	padding-right: 0px; /* compensate for INPUT padding */

}



.input-wrapper

{

	position: absolute;

	left: 0px;

	right: 13px;

}



.ContactFormBox .input-wrapper.input1

{

	top: 0px;

}



.ContactFormBox .input-wrapper.input2

{

	top: 36px;

}



.ContactFormBox .input-wrapper.input3

{

	top: 72px;

}





.ContactFormBox .input-wrapper.textarea

{		

    bottom: 42px;

    top: 107px;

}



.ContactFormBox .input-wrapper.submit

{		

    bottom: 0;

    left: auto;

    right: 0px;

    width: 100px;

}



.ContactFormBox .input-wrapper .error

{

	border-color: Red !important;

}





.ContactFormBox INPUT,

.ContactFormBox TEXTAREA

{

	width: 100%;

	height: 100%;

	background: #F0F0F0;

	border: solid 1px #909090;

	padding: 3px 5px 3px 5px;

	color: Black;

}









/*===================================== GALLERY ======================================*/



.visualbox-content.GalleryBox {



}



.GalleryBox {

	margin: 0px;

}



.GalleryBox .PictureBox {

	cursor: pointer;

}



.GalleryBox.no-click .PictureBox {

	cursor: auto;

}



.GalleryBox .child-container {

	width: 100%;

	height: 100%;

}



.GalleryBox .child-container > DIV {

	float: left;

	position: static !important;



}



.GalleryBox .paginator {

    left: 0;

    position: absolute;

    text-align: center;

    bottom: 0;

    width: 100%;

    height: 20px;

}



.GalleryBox .paginator .inner {

	display: inline-block;

    *display: inline;

	zoom: 1;

	text-align:center;

	width:100%;

	margin-bottom: 4px;

	position: relative;

}



.GalleryBox .paginator .page-button

{

	cursor: pointer;

}





/*===================================== MENU ======================================*/



.WebsiteMenuBox,

.IndieMenuBox

{

	cursor: pointer;

	white-space: nowrap;

}







.WebsiteMenuBox .textAreaWrapper, 

.IndieMenuBox .textAreaWrapper

{

	display: block;

}



.WebsiteMenuBox .item,

.IndieMenuBox .item 

{

	display: inline-block;

	*display: inline;

	zoom: 1;

	text-decoration: none;

	list-style-type: none !important;

	cursor: pointer;

}



.WebsiteMenuBox ul,

.IndieMenuBox ul 

{

	list-style-type: none !important;

}





.WebsiteMenuBox .space, 

.IndieMenuBox .space 

{

	display: inline-block;

	cursor: default;

}





.SkinMenuBox

{

	overflow: visible!important;

}



/*==================================================================================================*/

/*==================================================================================================*/

/*==================================================================================================*/

/*==================================================================================================*/







.SlideShowBox .paginator {

    position: absolute;

    z-index: 999999999;

    text-align: center;

    top: 10px;

    left:0px;

    width: 100%;

}



.SlideShowBox .paginator .inner {

	display: inline-block;

    *display: inline;

	zoom: 1;

	z-index: 99 !important;

	text-align:center;

	width:100px;

	height: 35px;

	position: relative;

}



.SlideShowBox .paginator .inner {

	display: inline-block;

    *display: inline;

	zoom: 1;

	z-index: 99 !important;

	text-align:center;

	width:100px;

	height: 35px;

	position: relative;

}



.SlideShowBox .paginator .like-container {

	z-index: 9 !important;

}



.SlideShowBox .paginator .background 

{

	position: absolute;

	border: none;

	top: 0;

	left: 0;

}



.SlideShowBox .paginator .text {

	display: inline-block;

    *display: inline;

	zoom: 1;

	width: 100px;

	text-align: center;

	position: absolute;

	left: 0;

	top: 9px;

	color: White;

	font-size: 11px;

}



.SlideShowBox .paginator .button {

	position: absolute;

	width: 19px;

	height: 23px;

	top: 5px;

}





.SlideShowBox .paginator .prev-button {

	left: 7px;

	background: url('http://d2c8yne9ot06t4.cloudfront.net/static/images/editor/slideshow-prev-normal.png');

}



.SlideShowBox .paginator .prev-button:hover {

	background: url('http://d2c8yne9ot06t4.cloudfront.net/static/images/editor/slideshow-prev-hover.png');

}



.SlideShowBox .paginator .next-button {

	right: 7px;

	background: url('http://d2c8yne9ot06t4.cloudfront.net/static/images/editor/slideshow-next-normal.png');

}



.SlideShowBox .paginator .next-button:hover {

	background: url('http://d2c8yne9ot06t4.cloudfront.net/static/images/editor/slideshow-next-hover.png');

}



.SlideShowBox .paginator .loading {

	display: none;

	position: absolute;



}



.SlideShowBox .paginator .loading IMG {

	width: 16px;

	height: 16px;

}