@import url("sideright.css");
@import url("skin.css");
@import url("popup.css");

*
{margin:0; padding:0;}

body,input,textarea,select,ul,li,form,h1,h2,h3,h4,h5,h6
{font-family:Arial, Helvetica, sans-serif;}
body,input,textarea,select
{font-size:14px;color:#303030;}
ul,li,form,label
{color:#303030;}
li
{list-style:none;}
.popupinst li {
	list-style:outside;
	list-style-type:decimal;
}
.popupinst ol {
	margin-left:25px
	}

img
{border:0;}
a
{color:#FF0000; text-decoration:none; outline:none;}
a:hover
{ text-decoration:underline; }
table
{border-spacing:0;}

h1, h2, h3, h4, h5, h6, .nav {
	color:#333;
}
h1 {
	font-size:24px;
	line-height:1.5em;

	color:#fff;
	letter-spacing:-1px;
	font-weight:normal;
}
h1.FeatureH4 {
	font-size:30px;
	color:#000;
	font-weight:bold;
	margin:0 0 8px;
	padding:0;
	line-height:1.25em;
}

h2 {
	color:#fff;
	font-size:40px;
	line-height:1.5em;
}
h3 {
	font-weight:normal;
	font-size:24px;
	line-height:1.5em;
	margin-bottom:0.3em;
}
h4 {
	color:#454545;
	font-size:18px;
	line-height:1.5em;
}
h5 {
	font-size:16px;
	line-height:1.5em;
	color:#999;
	font-variant:small-caps;
}
h6 {
	font-size:14px;
	line-height:1.5em;
	color:#999;
}
/*
.hding1
{font-size:24px;}
*/
.hding4,.heading4,.hding2-2,.hding2
{
	display:block;
	font-size:18px;	
	margin-bottom:0.5em;
	color:#8DC63F;
}



.fLeft
{float:left;}
.fRight
{float:right;}
.fNone
{float:none;}
.marginBtm20
{margin-bottom:20px;}
.forgotPass
{
	text-align:right;
	padding-right:24px;
}
.lft
{
	float:left;
}
.rgt
{
	float:right;
}
.cntr,.cntr-pg
{
	text-align:center;
	margin-top:10px;
}


.btn
{ width:auto; overflow:hidden; float:left; padding-left:10px; background:url("../img/btnBglft.png") no-repeat left top;}
.btn input
{ width:auto; height:32px; padding:0 10px 6px 0; margin:0; color:#FFFFFF; border:none; background:url("../img/btnbgrgt.png") no-repeat right top; }
.btn:hover
{ background:url("../img/btnBglft.png") no-repeat 0 -32px; }
.btn input:hover
{ background:url("../img/btnbgrgt.png") no-repeat right -32px;}



.pagiNation
{width:365px;overflow:hidden;margin:0 auto;}
.pagiNation .pgnLft
{float:left;width:75px;}
.pagiNation .pgnLft a
{margin-right:10px;}
.pagiNation .pgnmdl
{float:left;text-align:center;width:215px;}
.pagiNation .pgnmdl a
{color:#767676;padding:8px;font-weight:bold;}
.pagiNation .pgnmdl a.present
{color:#FFFFFF;background:#578F14;}
.pagiNation .pgnRgt
{float:right;width:75px;}
.pagiNation .pgnRgt a
{margin-left:10px;}





.p1top,.p1mdl,.p1mdlContent,.p1btm
{overflow:hidden;}
.p1topLft,.p1btmLft
{float:left;}
.p1topLft,.p1mdl,.p1btmLft
{padding-left:12px;}
.p1topLft,.p1topRgt,.p1btmLft,.p1btmRgt
{height:12px;}
.p1topLft
{background:url(../../VideoEmail/images/p1Top.png) no-repeat left top;}
.p1topRgt,.p1btmRgt
{margin-left:12px;}
.p1topRgt
{background:url(../../VideoEmail/images/p1Top.png) no-repeat right top;}
.p1mdl
{padding-right:12px;}
.p1mdl
{background:url(../../VideoEmail/images/p1Mdl.png) repeat-y;}
.p1mdlContent
{background:#FFFFFF;}
.p1btmLft
{background:url(../../VideoEmail/images/p1Btm.png) no-repeat left top;}
.p1btmRgt
{background:url(../../VideoEmail/images/p1Btm.png) no-repeat right top;}


.popUp
{overflow:hidden;position:absolute;z-index:1;}
.p1Popup
{margin:0 auto;width:418px;overflow:hidden;}




/************ dropdown ************/
dl.dropdown, .dropdown dd, .dropdown dt, .dropdown ul
,dl.dropdown1, .dropdown1 dd, .dropdown1 dt, .dropdown1 ul
,dl.dropdown2, .dropdown2 dd, .dropdown2 dt, .dropdown2 ul
,dl.dropdown3, .dropdown3 dd, .dropdown3 dt, .dropdown3 ul
,dl.dropdown4, .dropdown4 dd, .dropdown4 dt, .dropdown4 ul
,dl.dropdown5, .dropdown5 dd, .dropdown5 dt, .dropdown5 ul
,dl.dropdown6, .dropdown6 dd, .dropdown6 dt, .dropdown6 ul
,dl.dropdown7, .dropdown7 dd, .dropdown7 dt, .dropdown7 ul
,dl.dropdown8, .dropdown8 dd, .dropdown8 dt, .dropdown8 ul
{line-height:normal; margin-right:1px;}


.dropdown dd
,.dropdown1 dd
,.dropdown2 dd
,.dropdown3 dd
,.dropdown4 dd
,.dropdown5 dd
,.dropdown6 dd
,.dropdown7 dd
,.dropdown8 dd
{position:relative;
z-index:100;}

.dropdown a, .dropdown a:visited
,.dropdown1 a, .dropdown1 a:visited
,.dropdown2 a, .dropdown2 a:visited
,.dropdown3 a, .dropdown3 a:visited
,.dropdown4 a, .dropdown4 a:visited
,.dropdown5 a, .dropdown5 a:visited
,.dropdown6 a, .dropdown6 a:visited
,.dropdown7 a, .dropdown7 a:visited
,.dropdown8 a, .dropdown8 a:visited
{color:#816c5b; text-decoration:none; outline:none;}

.dropdown a:hover
,.dropdown1 a:hover
,.dropdown2 a:hover
,.dropdown3 a:hover
,.dropdown4 a:hover
,.dropdown5 a:hover
,.dropdown6 a:hover
,.dropdown7 a:hover
,.dropdown8 a:hover
{color:#5d4617;}

.dropdown dt a
,.dropdown1 dt a
,.dropdown2 dt a
,.dropdown3 dt a
,.dropdown4 dt a
,.dropdown5 dt a
,.dropdown6 dt a
,.dropdown7 dt a
,.dropdown8 dt a
{float:left; padding-left:10px; background:url(../img/selectBgLft.png) no-repeat; cursor:pointer;}

.dropdown dt a span
,.dropdown1 dt a span
,.dropdown2 dt a span
,.dropdown3 dt a span
,.dropdown4 dt a span
,.dropdown5 dt a span
,.dropdown6 dt a span
,.dropdown7 dt a span
,.dropdown8 dt a span
{float:left; padding-top:6px; height:22px; overflow:hidden; width:auto; min-width:20px; padding-right:50px; background:url(../img/selectBg.png) no-repeat right top;}
/*
.dropdown dt a span {width:80px;}
.dropdown1 dt a span {width:80px;}
.dropdown2 dt a span {}
.dropdown3 dt a span {width:150px;}
.dropdown4 dt a span {width:150px;}
.dropdown5 dt a span {width:150px;}
.dropdown6 dt a span {width:165px;}
.dropdown7 dt a span {width:165px;}
.dropdown8 dt a span {width:80px;}
*/
.dropdown dd ul
,.dropdown1 dd ul
,.dropdown2 dd ul
,.dropdown3 dd ul
,.dropdown4 dd ul
,.dropdown5 dd ul
,.dropdown6 dd ul
,.dropdown7 dd ul
,.dropdown8 dd ul
{display:none; left:0px; position:absolute; top:30px; width:auto; min-width:100%; max-height:160px; overflow:auto; border:1px solid #DADADA; color:#C5C0B0; list-style:none; background:#EEEEEE url(../img/inptBg1.png) repeat-x;}

.dropdown span.value
,.dropdown1 span.value
,.dropdown2 span.value
,.dropdown3 span.value
,.dropdown4 span.value
,.dropdown5 span.value
,.dropdown6 span.value
,.dropdown7 span.value
,.dropdown8 span.value
{display:none;}

.dropdown dd ul li a
,.dropdown1 dd ul li a
,.dropdown2 dd ul li a
,.dropdown3 dd ul li a
,.dropdown4 dd ul li a
,.dropdown5 dd ul li a
,.dropdown6 dd ul li a
,.dropdown7 dd ul li a
,.dropdown8 dd ul li a
{padding:5px; display:block; background:#eee; color:#666; cursor:pointer;}

.dropdown dd ul li a:hover
,.dropdown1 dd ul li a:hover
,.dropdown2 dd ul li a:hover
,.dropdown3 dd ul li a:hover
,.dropdown4 dd ul li a:hover
,.dropdown5 dd ul li a:hover
,.dropdown6 dd ul li a:hover
,.dropdown7 dd ul li a:hover
,.dropdown8 dd ul li a:hover
{background:#FFFFFF url(../img/pl_input_bg.png) repeat-x;}

.dropdown img.flag
,.dropdown1 img.flag
,.dropdown2 img.flag
,.dropdown3 img.flag
,.dropdown4 img.flag
,.dropdown5 img.flag
,.dropdown6 img.flag
,.dropdown7 img.flag
,.dropdown8 img.flag
{border:none; vertical-align:middle; margin-left:10px;}

.flagvisibility
{display:none;}
/*****************************************/





.fbook
{
	background:#D8DEEC url(../img/fbookbg.png) repeat-x;
}
	.fbook .fbdby
	{
		 margin:0 auto;
		 width:700px;
	}
	.fbook .fbheader
	{
		height:80px;
	}
	.fbook .fbLogo
	{
		padding-top:28px;
	}
	.fbook .fbdv
	{
		margin-top:30px;
	}
	.fbook .fbLft
	{
		width:420px;
		float:left;
	}
	.fbook .fbRgt
	{
		width:200px;
		float:right;
	}
	.fbook .fbBlock
	{
		font-size:20px;
		margin-top:30px;
		padding:4px;
		border:1px solid #8C8E92;
		background:#FFFFFF;
	}
	.fbook .fbBlock a
	{
		padding:30px 0;
		color:#FFFFFF;
		text-align:center;
		display:block;
		background:#3B5999;
		text-decoration:none;
	}



.browseSecDesign
{
	margin:10px auto;
	width:392px;
	height:47px;
	padding-left:20px;
	padding-top:22px;
	background:url(../img/browsebxBg.png) no-repeat;
}
.browseSecDesign input
{
}


.bg1 td,.vsSkin1,.skinList1
{border-top:1px solid #90B8D1; background:#E9F6FE url(../img/bgimg1.png) repeat-x;}
.bg0 td,.vsSkin0,.skinList0
{border-top:1px solid #CFB70D; background:#FDFDEE url(../img/bgimg2.png) repeat-x bottom left;}



ul.lnks,ul.lnks-green
{
	padding:0;
	margin:0 auto;
}
ul.lnks li,ul.lnks-green li
{
	float:left;
	list-style:none;
	padding-left:10px;
	height:28px;
}
ul.lnks-green li
{
	margin:0 30px;
}
ul.lnks li
{
	background:url(../img/lnkBgLft.png) no-repeat left bottom;
}
ul.lnks-green li
{
	background:url(../img/pl_nav_current_left.png) no-repeat left bottom;
}
ul.lnks li a,ul.lnks-green li a
{
	padding-right:10px;
	padding-top:4px;
	height:24px;
	display:block;
}
ul.lnks li a
{background:url(../img/lnkBg.png) no-repeat right bottom;}
ul.lnks-green li a
{color:#FFFFFF;	background:url(../img/pl_nav_current_right.png) no-repeat right bottom;}
ul.lnks li.active
{color:#FFFFFF;	background:url(../img/lnkBgLft.png) no-repeat left top;}
ul.lnks-green li.active
{background:url(../img/pl_nav_current_right.png) no-repeat left top;}
ul.lnks li.active a
{background:url(../img/lnkBg.png) no-repeat right top;}
ul.lnks-green li.active a
{background:url(../img/pl_nav_current_right.png) no-repeat right top;}


.tcT1,.tcB1
{ overflow:visible;}
.tcT1 .tcT1L
{float:left; width:10px; height:10px; background:url(../img/tcT1.png) no-repeat left top;}
.tcT1 .tcT1R
{margin-left:10px; height:10px; background:url(../img/tcT1.png) no-repeat right top;}
.tcM1
{border-left:1px solid #BDBCBD; border-right:1px solid #BDBCBD; background:#FFFFFF url(../img/tcM1.png) repeat-x left bottom;}
.tcB1 .tcB1L
{float:left; width:10px; height:10px; background:url(../img/tcB1.png) no-repeat left top;}
.tcB1 .tcB1R
{margin-left:10px; padding-right:10px; height:10px; background:url(../img/tcB1.png) no-repeat right top;}




/* ------------------------------------------------------------------------
	This you can customize
------------------------------------------------------------------------- */

	label.checkbox span.holder {
		height: 104px; /* Total height of your checkbox image */
		background: url(../img/checkbox.png) 0 0px no-repeat; /* Path to your checkbox image */
	}
	
	label.radio span.holder {
		height: 61px; /* Total height of your radio buttons image */
		background: url(../img/radio.png) 0 -1px no-repeat; /* Path to your radio button image */
	}
	
	label.checkbox:hover span.holder,
	label.radio:hover span.holder { top: -38px !important; } /* Background position on mouseover */
	
	label.checked span.holder,
	label.checked span.holder,
	label.checked:hover span.holder,
	label.checked:hover span.holder { top: -76px !important; } /* Background position when checked */


/* ------------------------------------------------------------------------
	Customize at your own risk
------------------------------------------------------------------------- */

	label.list {
		float: left; clear: left;
		margin: 0 0 5px 0;
	}
	
	label.inline {
		float: left; margin: 0 10px 0 0;
	}
	
		input.hiddenCheckbox {
			position: absolute; left: -10000px; /* Hide the input */
		}
	
		label.prettyCheckbox span.holderWrap {
			display: block; float: left;
			position: relative;
			margin-right: 5px;
			overflow: hidden;
		}
		
		label.prettyCheckbox span.holder {
			display: block;
			position: absolute;
			top: 0; left: 0;
		}

ul.features-list
{
	margin:20px 0px 20px 10px;
	}
ul.features-list li
{
	padding-left:20px;
	padding-bottom:5px;
/*	background:url(../img/bullet.png) no-repeat 0px 3px; */
	color:#333;
	line-height:20px;
}



	ul.icon label.checkbox span.holder {
		height:92px; /* Total height of your checkbox image */
		background: url(../img/redxCheckbox.png) 0 0px no-repeat; /* Path to your checkbox image */
	}

	ul.icon label.checkbox:hover span.holder,
	ul.icon label.radio:hover span.holder { top:-33px !important; } /* Background position on mouseover */
	
	ul.icon label.checked span.holder,
	ul.icon label.checked span.holder,
	ul.icon label.checked:hover span.holder,
	ul.icon label.checked:hover span.holder { top:-64px !important; } /* Background position when checked */



	ul.icon label.checkbox span.holder,
	ul.icon label.prettyCheckbox span.holderWrap
	{
		width:31px !important;
	}
	ul.icon label.prettyCheckbox span.holderWrap
	{
	
		height:28px !important;
	}




	.popUpCont2 .field label.checkbox span.holder
	{
		height:104px; /* Total height of your checkbox image */
		background: url(../img/checkbox.png) 0 0px no-repeat; /* Path to your checkbox image */
	}

	.popUpCont2 .field label.checkbox:hover span.holder,
	.popUpCont2 .field label.radio:hover span.holder
	{top:-38px !important;} /* Background position on mouseover */
	
	.popUpCont2 .field label.checked span.holder,
	.popUpCont2 .field label.checked span.holder,
	.popUpCont2 .field label.checked:hover span.holder,
	.popUpCont2 .field label.checked:hover span.holder
	{top:-76px !important;} /* Background position when checked */



	.popUpCont2 .field label.checkbox span.holder,
	.popUpCont2 .field label.prettyCheckbox span.holderWrap
	{width:31px !important;}
	.popUpCont2 .field label.prettyCheckbox span.holderWrap
	{height:28px !important;}




.presets
{
	text-align:left;
	margin-left:-45px;
/*
	margin-top:-22px;
	left:-45px;
	position:relative;
*/
}
.presets .presetsInner
{
	width:118px;
	color:#888888;
	border:1px solid #CCCCCC;

	background-image:url(../images/presets_bg.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
/*
	margin-top:-25px;
	position:relative;
	left:-45px;
*/
}
.presets .presetsInner:hover .preTitle
{
	background-position:95px -24px;
}
.presets .presetsInner .preTitle
{
	background-image:url(../images/bultPre.png);
	background-repeat:no-repeat;
	background-position:95px 5px;

	padding:4px 8px 0 8px;
	height:20px;
	line-height:1;
	font-size:14px;
}
.presets .presetsInner:hover .preForm
{
	display:block;
}
.presets .presetsInner .preForm
{
	display:none;
	padding:4px 8px 0px 8px;
}
.presets .presetsInner .preForm label
{
	display:block;
	padding-bottom:4px;
	font-weight:normal;
	font-size:11px;
}
.presets .presetsInner .preForm input
{
	margin-right:6px;
}
.presets .presetsInner .preForm input,.defaultCbx
{	left:0;
	position:relative;
}
.nomargin {
	margin-top:0px;
	margin-left:0px;
	left:0px;
}
.adlabel {
	font-size:10px;
	color:#666;
	text-transform:uppercase;
}


#cmxform3 .field
{
	text-align:left;
}
#cmxform3 .field label
{
	float:left;
	width:180px;
}
#cmxform3 .field .inptdv
{
	float:right;
}
#cmxform3 .submit-row .btn
{
	float:right;
}

