
/*  HTML5  Boilerplate  Reset w00p <3 you -  minifed*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}i{font-style:italic}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font:13px/1.231 sans-serif;*font-size:small}select,input,textarea,button{font:99% sans-serif}pre,code,kbd,samp{font-family:monospace,sans-serif}html{overflow-y:scroll;height:100%;width:100%}ul,ol{margin-left:2em}ol{list-style-type:decimal}nav ul,nav li{margin:0;list-style:none;list-style-image:none}small{font-size:85%}strong,th,b{font-weight:bold}td{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}input::-webkit-input-placeholder,input:-moz-placeholder,input.placeholder{color:#ccc;!important}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}button,input,select,textarea{margin:0}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red}.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}::-moz-selection{background:#f8f7c9;color:#cb9240;text-shadow:none}::selection{background:#f8f7c9;color:#cb9240;text-shadow:none}a:link{-webkit-tap-highlight-color:#cb9240;text-decoration:none}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}body,select,input,textarea{color:#444}h1,h2,h3,h4,h5,h6{font-weight:bold}

/*



/* Resources
-----------------------------------------------------------------------------------------------------------*/

.ooc-sprite {background-image:url('/img/ooc/zrply-occ-sprite.png'); background-repeat:no-repeat;}

@font-face {
	font-family: 'Pictos';
	src: url('fonts/pictos-web.eot?ver2');
	src: local('☺'), url('fonts/pictos-web.woff') format('woff'), url('fonts/pictos-web.ttf?ver2') format('truetype'), url('fonts/pictos-web.svg#webfontIyfZbseF') format('svg');
	font-weight: normal;
	font-style: normal;
}

.pictos
{
	font-family:"Pictos";
}

/* Body + Body backgrounds
-----------------------------------------------------------------------------------------------------------*/

html
{
	height:100%;
}


html#of-hidden
{
	overflow:hidden;
}


body 
{
	background:#fff;
	font: normal 14px/22px "Helvetica Neue",Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	height:100%;
	padding:0;
}

html .bg-grey
{
	
	background:#ebebeb url('/img/ooc/zrply-grey-bg.jpg') top left repeat;
	border-bottom:solid 1px #fff;
	padding:0 0 40px 0;
}

html .bg-grey-solid
{
	
	background:#ebebeb;
	background-image:none;
	padding:0 0 40px 0;
}

.bg-green
{
	background:#d2e0c1 url('/img/ooc/zrply-green-bg.jpg') top center no-repeat;
	padding:0 0 40px 0;
	border-bottom:solid 1px #fff;
}

html .bg-green-solid
{
	
	background:#9DBC7A;
	background-image:none;
	padding:0 0 40px 0;
}

html .bg-grid
{
	background:#fff url('../images/zeply-grid-pattern.gif') repeat;

}

html .blackbg-grid
{
	background:#000 url('../images/zeply-black-grid-pattern.jpg') repeat;
	
	
}

html .yellowbg-grid
{
	background:#fbfacb url('/img/ooc/zeply-yellow-pattern.gif') repeat;
}


.loader
{
	background:url('/img/ooc/loader.gif') no-repeat center center;
}

.loader-bigger
{
	background:url('/img/ooc/loader-big.gif') no-repeat center center;
}

/* Layout
-----------------------------------------------------------------------------------------------------------*/

.wrap-960
{
	width:960px;
	height:auto;
	margin:0 auto 0 auto;
	clear:both;
}

.wrap-1024
{
	width:1024px;
	margin:0 auto 20px auto;
	position:relative;
	clear:both;
}



.zrply-logo-l,.zrply-logo-m,.zrply-logo-s
{
	display:inline-block !important;
	margin: 0 10px 0 0;
}

.zrply-logo-l
{
	width: 322px;
	height: 117px;
}

.zrply-logo-m
{
	width: 250px;
	height: 90px;
	background-image:url('/img/Zerply_logo.svg');
	background-size: 100%;
}

.zrply-logo-s
{
	width: 224px;
	height: 81px;
	background-position: 0px -241px;
}

.zrply-logo-t /*tiny*/
{
	width:134px;
	height:50px;
	background-image:url('/img/Zerply_logo.svg');
	background-size: 100%;
	margin-top:25px;
}

a .zrply-logo-t:hover
{
	opacity:0.9;
}

/* To here if svg keeps failing  =[ */

/* header
-----------------------------------------------------------------------------------------------------------*/

#header
{
	padding:20px 0 10px 0;
	text-align:center;
	line-height: 105px;
	height:100px;
}

.page-title
{
	color:#9dbc7a;
	font-size:3.5em;
	text-shadow:0 1px 0 #fff;
}

.bg-green .page-title,.bg-green-solid .page-title
{
	color:#fff;
	font-size:3.5em;
	text-shadow: 1px 1px 2px RGBA(0,0,0,0.2);
}


/* Tabs
-----------------------------------------------------------------------------------------------------------*/

ul.tabs
{
	background:#f1f1f1 url('/img/ooc/tabs-bg.gif') bottom left repeat-x;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	height:38px;
	line-height:38px;
	overflow: hidden;
}

li.active-tab
{
	background:#fff;
	color:#000;
}

.tabs li.active-tab a
{
	color:#333333;
}

.tabs li.active-tab a:hover
{
	color:#333333;
}

li:first-child.active-tab
{
	border-radius:5px 0 0 0;
	-moz-border-radius:5px 0 0 0;
	-webkit-border-radius:5px 0 0 0;
}


li:last-child.inactive-tab
{
	border-bottom:solid 1px #d9d9d9;
	border-left:solid 1px #d9d9d9;
	box-shadow:inset 3px -1px 5px RGBA(0,0,0,0.1);
	-webkit-box-shadow:inset 3px -1px 5px RGBA(0,0,0,0.1);
	-moz-box-shadow:inset 3px -1px 5px RGBA(0,0,0,0.1);
}

li:first-child.inactive-tab
{
	border-bottom:solid 1px #d9d9d9;
	border-right:solid 1px #d9d9d9;
	box-shadow:inset -3px -1px 5px RGBA(0,0,0,0.1);
	-webkit-box-shadow:inset -3px -1px 5px RGBA(0,0,0,0.1);
	-moz-box-shadow:inset -3px -1px 5px RGBA(0,0,0,0.1);
}

li:last-child.active-tab
{
	border-radius:0 5px 0 0;
	-moz-border-radius:0 5px 0 0;
	-webkit-border-radius:0 5px 0 0;
}


/* Content
-----------------------------------------------------------------------------------------------------------*/


.cnt-white
{
	margin-top:30px;
	position:relative;
	background:#fff;
	-webkit-box-shadow: 0px 1px 4px RGBA(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 4px RGBA(0,0,0,0.3)
	-o-box-shadow: 0px 1px 4px RGBA(0,0,0,0.3);
	box-shadow: 0px 1px 4px RGBA(0,0,0,0.3);
}

.cnt-white .content
{
	padding: 40px 45px;
	margin:0;
}

.cnt-arrow-up
{
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid white;
	position: absolute;
	top: -8px;
	left: 50%;
	z-index:1;
}

/* Content - Type
-----------------------------------------------------------------------------------------------------------*/


h1
{
	font-size:32px;
	margin:0 0 25px 0;
}


h2
{
	font-size:27px;
	margin:0 0 20px 0;
}

h3
{
	font-size:1.2em;
	margin:15px 0;
}

p
{
	margin:10px 0;
}

.zrply-green
{
	color:#9dbc7a;
}


/* help tips
-----------------------------------------------------------------------------------------------------------*/

.help
{
	position:relative;
	background:#e4fccd url('/img/ooc/zeply-green-pattern.gif') repeat;
	border:solid 1px #d2e3c3;
	color:#636f58;
	font-size:13px;
	margin:5px 0 20px 0;
	text-shadow:0 1px 0 #fff;
	padding:15px;
	line-height: normal;
	box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.8),inset 0px -1px 0px RGBA(255,255,255,0.8),inset 1px 0px 0px RGBA(255,255,255,0.8),inset -1px 0px 0px RGBA(255,255,255,0.8);
	-webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.8),inset 0px -1px 0px RGBA(255,255,255,0.8),inset 1px 0px 0px RGBA(255,255,255,0.8),inset -1px 0px 0px RGBA(255,255,255,0.8);
	-moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.8),inset 0px -1px 0px RGBA(255,255,255,0.8),inset 1px 0px 0px RGBA(255,255,255,0.8),inset -1px 0px 0px RGBA(255,255,255,0.8);
	min-height: 41px;
}

.help object,.help embed,.help iframe
{
	width:97%;
	margin:20px 0;
	border-radius:5px;
	border:solid 10px RGBA(255,255,255,0.8);
}

.help:after
{
	background: url('/img/ooc/zrply-occ-sprite.png') -13px -466px no-repeat;
	width: 100%;
	height: 30px;
	display: block;
	content: "Shadow";
	position: absolute;
	text-indent:-9999em;
}

.help img.face
{
	width: 50px;
	height:50px;
	float: right;
	border-radius: 5px;
	border: solid 4px white;
	box-shadow: 0 1px 0 RGBA(0,0,0,0.1);
}

#main-lhs .help .butt
{
	margin:10px 10px 0 0;
}

.help a,.help a:link,.help a:visited
{
	color:#5e6756;
}


#main-lhs .help h2
{
	font-size: 22px;
	margin: 0 0 10px 0;
	color: #587358;
}

.help p
{
	margin:5px 0;
	width: 90%;
}



/* Validaion in page
-----------------------------------------------------------------------------------------------------------*/

.validation
{
	position:relative;
	background:#fbfacb url('/img/ooc/zeply-yellow-pattern.gif') repeat;
	border:solid 1px #e6e5a3;
	color:#cb9240;
	font-size:13px;
	margin:0 0 20px 0;
	padding:15px;
	line-height: normal;
	box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.8),inset 0px -1px 0px RGBA(255,255,255,0.8),inset 1px 0px 0px RGBA(255,255,255,0.8),inset -1px 0px 0px RGBA(255,255,255,0.8);
	-webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.8),inset 0px -1px 0px RGBA(255,255,255,0.8),inset 1px 0px 0px RGBA(255,255,255,0.8),inset -1px 0px 0px RGBA(255,255,255,0.8);
	-moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.8),inset 0px -1px 0px RGBA(255,255,255,0.8),inset 1px 0px 0px RGBA(255,255,255,0.8),inset -1px 0px 0px RGBA(255,255,255,0.8);
}

.validation a,.validation a:link,.validation  a:visited
{
	color:#cb9240;
	font-weight:bold;
}

.validation a:hover
{
	color:#6b4611;
}

.validation:after
{
	background: url('/img/ooc/zrply-occ-sprite.png') -13px -466px no-repeat;
	width: 100%;
	height: 30px;
	display: block;
	content: "Shadow";
	position: absolute;
	text-indent:-9999em;
}


#main-lhs .validation h2
{
	font-size: 22px;
	margin:0;
	color:#cb9240 !important;
}

.validation p
{
	margin:5px 0;
}

.validation a.close-butt,.validation a.close-butt:link, .validation a.close-butt:visited
{
	font-family: "Pictos";
	font-weight: normal;
	position: absolute;
	top:17px;
	right: 15px;
	font-size: 23px;
	z-index: 100;
}

.validation ul
{
	margin-top:10px;
}

.validation ul li
{
	color:#906629;
	font-weight:bold;
	margin:0 0 5px 0;
}


.validation .butt
{
	margin: 5px 74px 0 0 !important;
	float:right;
}


.validation-stamp
{
	display: block;
	width: 68px;
	height: 61px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.stamp-z
{
	background-position: -558px -9px;
}

.stamp-egor
{
	background-position: -557px -103px;
}


.inline-validation
{
	position: absolute;
	top: -60px;
	right: 9px;
	box-shadow: 0px 2px 3px RGBA(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 3px RGBA(0,0,0,0.1)
	-moz-box-shadow: 0px 2px 3px RGBA(0,0,0,0.1);
	z-index:333;
}

.inline-validation p
{
	margin:0;
	padding:0;
	font-size:14px !important;
}

.inline-validation-message
{
	background:#fbfacb url('/img/ooc/zeply-yellow-pattern.gif') repeat;
	border:solid 1px #e6e5a3;
	color:#cb9240;
	font-size:13px;
	padding:15px 40px 15px 15px;
	line-height: normal;
	position: relative;
	box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.8),inset 0px -1px 0px RGBA(255,255,255,0.8),inset 1px 0px 0px RGBA(255,255,255,0.8),inset -1px 0px 0px RGBA(255,255,255,0.8);
	-webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.8),inset 0px -1px 0px RGBA(255,255,255,0.8),inset 1px 0px 0px RGBA(255,255,255,0.8),inset -1px 0px 0px RGBA(255,255,255,0.8);
	-moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.8),inset 0px -1px 0px RGBA(255,255,255,0.8),inset 1px 0px 0px RGBA(255,255,255,0.8),inset -1px 0px 0px RGBA(255,255,255,0.8);
}

.inline-validation-arrow
{
	width: 17px;
	height: 9px;
	display: block;
	position: absolute;
	background-position: -437px 0px;
	top: 44px;
}

.inline-validation a.close-butt,.inline-validation a.close-butt:link, .inline-validation a.close-butt:visited
{
	color:#cb9240;
	font-family: "Pictos";
	font-weight: normal;
	position: absolute;
	top: 15px;
	right: 11px;
	font-size: 17px;
	z-index: 100;
}


/* Default Footer
-----------------------------------------------------------------------------------------------------------*/

#footer
{
	background:#fff;
	border-top: solid 1px gainsboro;
	color: #999;
}

#footer.fixed
{
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 100;
	height: 64px;
	opacity: 0.9;
}

#footer.fixed:hover
{
	opacity: 1;	
}

#footer .content
{
	padding: 12px 0 10px 0;
}

#footer.fixed .content
{
	padding-top: 12px;
}

.no-footer
{
	margin-bottom: 75px;
}

.footer-left
{
	padding: 0 0 0 113px;
	width: 500px;
	background-position: 0 -340px;
	float: left;
}

.footer-right
{
	width:200px;
	float:right;
	font-size: 12px;
	line-height: 17px;
}

a.footer-twitter,a.footer-fb
{
	width: 40px;
	height: 38px;
	float: right;
	cursor: pointer;
}

a.footer-twitter:hover,a.footer-fb:hover
{
	opacity:0.7;
}

.footer-twitter
{
	background-position: -6px -411px;
}

.footer-fb
{
	background-position: -47px -411px;
}

#footer a,#footer a:link,#footer a:visited
{
	color: #999;
	font-weight:bold;
}

#footer a:hover
{
	color:#9dbc7a
}

.footer-copy
{
	font-size:0.75em;
}



/* Pesudo 
-----------------------------------------------------------------------------------------------------------*/


a,a:link,a:visited
{
	color:#9dbc7a;
	text-decoration:none;
}

.content a
{
	-webkit-transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	   -moz-transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	     -o-transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	        transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
}

a:hover
{
	color:#ccc;
}

a:active
{
	color:#ddd;
}

/* Zerply Buttons
-----------------------------------------------------------------------------------------------------------*/

/*Default button*/

.butt,a.butt,a.butt:link,a.butt:visited
{
	font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
	line-height:normal;
	position:relative;
	cursor: pointer;
	display:inline-block;
	margin: 10px 0;
	padding:6px 15px;
	color: #fff !important;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 1px 0 RGBA(0,0,0,0.3) !important;
	overflow: hidden;
	border: solid 1px #4D9299;
	box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6);
	-webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6);
	-moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6);
	-o-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6);
	background: #61dced; /* Old browsers */
	background: -moz-linear-gradient(top, #61dced 0%, #3aafbf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61dced), color-stop(100%,#3aafbf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #61dced 0%,#3aafbf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #61dced 0%,#3aafbf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #61dced 0%,#3aafbf 100%); /* IE10+ */
	background: linear-gradient(to bottom, #61dced 0%,#3aafbf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61dced', endColorstr='#3aafbf',GradientType=0 ); /* IE6-9 */

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-webkit-font-smoothing: antialiased;
}


a.butt-micro,a.butt-micro:link,a.butt-micro:visited,.butt-micro
{
	font-size:12px;
	padding: 3px 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height:normal;
}


.butt:hover,a.butt:hover
{
	background:#7ce4f2;
	background: -moz-linear-gradient(top, #7ce4f2 0%, #3AAFBF 100%); 
	background: -o-linear-gradient(top, #7ce4f2 0%, #3AAFBF 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ce4f2), color-stop(100%,#3AAFBF));	
}

.butt:active,a.butt:active
{
	top:1px;
	background:#61DCED;
	background: -moz-linear-gradient(top, #3AAFBF 0%, #61DCED 100%);
	background: -o-linear-gradient(top, #3AAFBF 0%, #61DCED 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3AAFBF), color-stop(100%,#61DCED));
}

/*Green button*/

.butt-green,a.butt-green,a.butt-green:link,a.butt-green:visited
{
	border: solid 1px #708B50;
	background: #B3D68D; 
	background: -moz-linear-gradient(top, #B3D68D 0%, #8AB15E 100%);
	background: -o-linear-gradient(top, #B3D68D 0%, #8AB15E 100%);  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3D68D), color-stop(100%,#8AB15E)); 
}
.butt-green:hover,a.butt-green:hover
{
	background: #C1E899;
	background: -moz-linear-gradient(top, #C1E899 0%, #8AB15E 100%);
	background: -o-linear-gradient(top, #C1E899 0%, #8AB15E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C1E899), color-stop(100%,#8AB15E)); 
}

.butt-green:active,a.butt-green:active 
{
	background:#aad27f;
	background: -moz-linear-gradient(top, #8cad66 0%, #aad27f 100%);
	background: -o-linear-gradient(top, #8cad66 0%, #aad27f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cad66), color-stop(100%,#aad27f));
}

/*orange button*/

.butt-orange,a.butt-orange,a.butt-orange:link,a.butt-orange:visited
{
	border: solid 1px #b27c26;
	background:#fbc357;
	background: -moz-linear-gradient(top, #fbc357 0%, #ea8615 100%); 
	background: -o-linear-gradient(top, #fbc357 0%, #ea8615 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc357), color-stop(100%,#ea8615));
}
.butt-orange:hover,a.butt-orange:hover
{
	background:#f9d080;
	background: -moz-linear-gradient(top, #f9d080 0%, #ea8615 100%);
	background: -o-linear-gradient(top, #f9d080 0%, #ea8615 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9d080), color-stop(100%,#ea8615));
}

.butt-orange:active,a.butt-orange:active 
{
	background:#ea8615;
	background: -moz-linear-gradient(top, #ea8615 0%, #fbc357 100%); 
	background: -o-linear-gradient(top, #ea8615 0%, #fbc357 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea8615), color-stop(100%,#fbc357));
}

/*blue button*/

.butt-blue,a.butt-blue,a.butt-blue:link,a.butt-blue:visited
{
	border:solid 1px #376092;
	background: #518AC9;
	background: -moz-linear-gradient(top, #518AC9 0%, #3464A4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#518AC9), color-stop(100%,#3464A4));
	background: -webkit-linear-gradient(top, #518AC9 0%,#3464A4 100%);
	background: -o-linear-gradient(top, #518AC9 0%,#3464A4 100%);
}
.butt-blue:hover,a.butt-blue:hover
{
	background: #5EA8E5;
	background: -moz-linear-gradient(top, #5EA8E5 0%, #3464A4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5EA8E5), color-stop(100%,#3464A4));
	background: -webkit-linear-gradient(top, #5EA8E5 0%,#3464A4 100%);
	background: -o-linear-gradient(top, #5EA8E5 0%,#3464A4 100%);
}

.butt-blue:active,a.butt-blue:active 
{
	background: #3464A4;
	background: -moz-linear-gradient(top, #3464A4 0%, #5EA8E5 96%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3464A4), color-stop(96%,#5EA8E5));
	background: -webkit-linear-gradient(top, #3464A4 0%,#5EA8E5 96%);
	background: -o-linear-gradient(top, #3464A4 0%,#5EA8E5 96%);
}


/*linkedin button*/

.butt-lamers,a.butt-lamers,a.butt-lamers:link,a.butt-lamers:visited
{
	border:solid 1px #376092;
	background: #67a5c6;
	background: -moz-linear-gradient(top, #67a5c6 0%, #258dc8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67a5c6), color-stop(100%,#258dc8));
	background: -webkit-linear-gradient(top, #67a5c6 0%,#258dc8 100%);
	background: -o-linear-gradient(top, #67a5c6 0%,#258dc8 100%);
}
.butt-lamers:hover,a.butt-lamers:hover
{
	background: #95c5e2;
	background: -moz-linear-gradient(top, #95c5e2 0%, #258dc8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95c5e2), color-stop(100%,#258dc8));
	background: -webkit-linear-gradient(top, #95c5e2 0%,#258dc8 100%);
	background: -o-linear-gradient(top, #95c5e2 0%,#258dc8 100%);
}

.butt-lamers:active,a.butt-lamers:active 
{
	background: #1c6f96;
	background: -moz-linear-gradient(top, #1c6f96 1%, #258dc8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1c6f96), color-stop(100%,#258dc8));
	background: -webkit-linear-gradient(top, #1c6f96 1%,#258dc8 100%);
	background: -o-linear-gradient(top, #1c6f96 1%,#258dc8 100%);
}

/*Red button*/

.butt-red,a.butt-red,a.butt-red:link,a.butt-red:visited
{
	border:solid 1px #A50303;
	background: #ff3019;
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
	background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%);
}
.butt-red:hover,a.butt-red:hover
{
	background: #ff5949;
	background: -moz-linear-gradient(top, #ff5949 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5949), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(top, #ff5949 0%,#cf0404 100%);
	background: -o-linear-gradient(top, #ff5949 0%,#cf0404 100%);
}

.butt-red:active,a.butt-red:active 
{
	background: #cf0404;
	background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#ff3019));
	background: -webkit-linear-gradient(top, #cf0404 0%,#ff3019 100%);
	background: -o-linear-gradient(top, #cf0404 0%,#ff3019 100%);
}


/*Black button*/

.butt-black,a.butt-black,a.butt-black:link,a.butt-black:visited
{
	border:solid 1px #000;
	background: #4c4c4c;
	background: -moz-linear-gradient(top, #4c4c4c 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#000000 100%);
	background: -o-linear-gradient(top, #4c4c4c 0%,#000000 100%);
	box-shadow: inset 0px 1px 0px RGBA(0,255,0,0.3);
	-webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.2);
	-o-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.2);
}
.butt-black:hover,a.butt-black:hover
{
	background: #6b6b6b;
	background: -moz-linear-gradient(top, #6b6b6b 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #6b6b6b 0%,#000000 100%);
	background: -o-linear-gradient(top, #6b6b6b 0%,#000000 100%);
}

.butt-black:active,a.butt-black:active 
{
	background: #000000;
	background: -moz-linear-gradient(top, #000000 1%, #6b6b6b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#000000), color-stop(100%,#6b6b6b));
	background: -webkit-linear-gradient(top, #000000 1%,#6b6b6b 100%);
	background: -o-linear-gradient(top, #000000 1%,#6b6b6b 100%);
}


/*Button icon*/

.butt:after,.butt:before
{
	font-family:'Pictos';
	color:#fff;
	text-shadow: 0px 1px 0 RGBA(0,0,0,0.3);
	font-weight:normal;
	font-size:1.3em;
	position: relative;
	top: 1px;
}

.butt:after
{
	margin:0 0 0 10px;
}

.butt:before
{
	margin:0 10px 0 0px;
}


.icon-tag:after
{
	content:"z";
}

.icon-loading
{
	text-indent: -15px;
}

.icon-loading:after
{
	content:"z";
	font-family:Sans-serif;
	display:block;
	height:16px;
	width:16px;
	text-indent:-99999em;
	background:url('/img/ooc/button-loader.gif') center center no-repeat;
	position: absolute;
	top: 13px;
	right: 118px;
}

.icon-close:before
{
	content:"D";
}

.icon-tick:after
{
	content:"3";
}

.icon-arrow-left:after
{
	content:"]";
}

.icon-arrow-right:before
{
	content:"[";
}


/*Button wrap button*/

.butt-wrap
{
	padding:5px 6px 6px 6px;
	margin: 10px 0;
	display: inline-block;
	border-radius: 7px;
	background: #EFEFEF;
	background: RGBA(0,0,0,0.3);
	border-top: solid 1px #8B8B8B;
	-webkit-box-shadow: inset 0px 1px 10px RGBA(0,0,0,0.2);
	-moz-box-shadow: inset 0px 1px 10px RGBA(0,0,0,0.2);
	box-shadow: inset 0px 1px 10px RGBA(0,0,0,0.2);
}



.butt-wrap-grey
{
	background:#ebebeb;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border:none;
	padding:6px 6px 6px 6px;
	height: 31px;
}

.butt-wrap .butt
{
	margin:0 !important;
}

/* Forms
-----------------------------------------------------------------------------------------------------------*/
/*validation*/


label
{
	font-size:18px;
	color:#666666;
	font-weight:bold;
	width:128px;
	display:block;
	float:left;
	line-height:normal;
	margin: 0 15px 0 0;
	white-space: nowrap;
	position: relative;

}

.content label a
{
	color:#515942;
	margin:3px 0 0 0;
}

.content label a.form-hint
{
	font-family:"Pictos";
	font-weight:normal;
	font-size:14px;
	position:relative;
	top:-1px;
	color:#ccc;
}

label .inline-validation
{
	font-weight: normal;
	left: 60px;
	min-width: 249px;
}

.content label a:hover
{
	color:#999;
}

label sup
{
	font-size:11px;
	color:#ccc;
}

b.microtext
{
	font-size: 10px;
	color:#9dbc7a;
	line-height:normal;
	display:block;
	white-space: normal;
}

.input-validation-bad
{
	border:solid 1px #e23232 !important;
	-webkit-box-shadow: 0px 0px 8px #cc2525;
	-moz-box-shadow: 0px 0px 8px #cc2525;
	box-shadow: 0px 0px 8px #cc2525;
}



input,textarea,select
{
	color:#999;
	resize:none;
	border: solid 1px #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:5px 10px;
	box-shadow:inset 0 3px 5px RGBA(0,0,0,0.05);
	-webkit-box-shadow:inset 0 3px 5px RGBA(0,0,0,0.05);
	-moz-box-shadow:inset 0 3px 5px RGBA(0,0,0,0.05);
	outline-color:#FBFACB;

}

input:focus,textarea:focus
{
	color:#000;
	box-shadow:inset 0 3px 5px RGBA(0,0,0,0.15);
	-webkit-box-shadow:inset 0 3px 5px RGBA(0,0,0,0.15);
	-moz-box-shadow:inset 0 3px 5px RGBA(0,0,0,0.15);
}

input.loading-search
{
	background:url('/img/ooc/loader.gif') no-repeat center right;
}


.form-row  .checkbox
{
	width:23px;
	height:23px;
	box-shadow:none;
	padding:0;
}




.form-row
{
	height:auto;
	margin:0 0 30px 0;
	position:relative;
}

.form-row .icon
{
	font-size: 31px;
	font-family: "Pictos";
	color: #CCC;
	position: absolute;
	right: 23px;
	top: 15px;
}



.form-row .input-loading
{
	width:16px;
	height:20px;
		text-indent:-9999px;
		display:block;
		background:url('/img/ooc/loader.gif') no-repeat center center;
}

.form-row .all-good
{
	color:#9dbc7a;
}


.form-row .shits-bad
{
	color:#ed1111;
}

.form-row-textarea
{
	height: 150px;
}

.form-row label.v-align
{
	line-height:50px;
}

.form-row input,.form-row textarea
{
	padding: 15px 12px;
	width: 472px;
	font-size:16px;
}

.form-row select
{
	padding: 15px 12px;
	width: 498px;
	font-size: 16px;
	height: 50px;
	-webkit-appearance: none;
	background:#fff url('/img/ooc/select-bg.gif') 466px center no-repeat;
}

.form-row textarea
{
	height: 117px;
}



/*Model window styles
-----------------------------------------------------------------------------------------------------------*/


body#iframe-modal,body#iframe-modal-loading
{
	margin:25px;
	background:transparent;
}


body#iframe-modal .subtext
{
	font-size: 12px;
	line-height: 19px;	
}

body#iframe-modal ul.found-contacts li a.butt {
position: absolute;
right: 0;
top: 5px;
}

body#iframe-modal ul.found-contacts li a.butt:active {
top: 6px;
}

body#iframe-modal #search-addressbook {
float: left;
padding: 5px 10px;
margin:0 0 10px 0;
font-size: 15px;
height: 28px;
width: 557px;
border: solid 1px #CECECE;
background-color: white;
box-shadow: inset 0 2px 5px RGBA(0,0,0,0.1);
-webkit-box-shadow: inset 0 2px 5px RGBA(0,0,0,0.1);
-moz-box-shadow: inset 0 2px 5px RGBA(0,0,0,0.1);
background-position: -54px -528px;
z-index: 333;
font-size: 14px;
position: relative;
}

body#iframe-modal-loading
{
		background:#fff url('/img/ooc/loader-big.gif') no-repeat center center;
}


body#iframe-modal-loading .modal-body
{
	display:none;
}

body#iframe-modal #contact-list::-webkit-scrollbar 
{
	width: 7px;
	height: 10px;
}

body#iframe-modal #contact-list::-webkit-scrollbar-button:start:decrement,
body#iframe-modal #contact-list::-webkit-scrollbar-button:end:increment  
{
	height: 0px;
	display: block;
	background-color: transparent;
}


body#iframe-modal #contact-list::-webkit-scrollbar-track-piece  
{
	background-color: #e9e9e9;
	-webkit-border-radius: 10px;
}

body#iframe-modal #contact-list::-webkit-scrollbar-thumb 
{
	height: 50px;
	background-color: #9dbc7a;
	-webkit-border-radius: 10px;
}

body#iframe-modal #contact-list
{
	max-height: 180px;
	overflow: auto;
	padding: 0 28px 0 0;
}

#modal-overlay
{
	position: fixed;
	width: 100%;
	height: 100%;
	background:url('/img/ooc/modal_bg.png') top left repeat;
	zoom: 1;
	background: RGBA(0,0,0,0.60);
	z-index: 333;
}



#modal-box
{
	position: fixed;
	top: 100px;
	left: 50%;
	margin-left: -340px;
	z-index: 4;
	width: 630px;
	height: auto;
	background:#9dbc7a;
	background:rgba(157, 188, 122, 0.75);
	padding:14px;
	border:solid 1px #708E4F;
	border:solid 1px RGBA(255,255,255,0.3);
	box-shadow:0 0px 20px RGBA(0,0,0,0.6);
	-webkit-box-shadow:0 0px 20px RGBA(0,0,0,0.6);
	-moz-box-shadow:0 0px 20px RGBA(0,0,0,0.6);
} 

#modal-overlay .modal-loading
{
	padding:50px 0;
	background:#fff url('/img/ooc/loader-big.gif') no-repeat center center;
	/*Taaniel loads like a bitch*/
}


#modal-content
{
	background:#fff;
	width:100%;
	height:100%;
	display:block;
	border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0 0 5px RGBA(0,0,0,0.6);
	-moz-box-shadow:0 0 5px RGBA(0,0,0,0.6);
	-webkit-box-shadow:0 0 5px RGBA(0,0,0,0.6);
}


.modal-body
{
	/*border-bottom:solid 1px #e6e6e6; While no footer*/ 
}

.modal-footer
{
	background:#f4f4f4;
	border-top:solid 1px #fff;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	text-shadow:0 1px 0 #fff;
}

.modal-footer .left-text
{
	font-size: 13px;
	font-weight: bold;
	width: 227px;
	float: left;
}

#modal-content .modal-footer .modal-inner
{
	padding:30px 30px 20px 30px;
}

#modal-content .modal-inner
{
	padding: 30px 30px 10px 30px;
}

a.modal-btn-close
{
	font-family:"Pictos";
	font-size:23px;
	font-weight:normal;
	color:#ccc;
	cursor:pointer;
	position: absolute;
	top: 43px;
	right: 43px;	
}

a.modal-btn-close:hover
{
	color:#333;
}

#modal-content p
{
	line-height:normal;
	color:#1c1c1c;
	margin:0 0 20px 0;
}

#modal-content p.subtext
{
	color: #999;
	font-size: 12px;
	line-height: 16px;
}


#modal-content h2
{
	font-size: 30px;
	margin:0 0 30px 0;
}

#modal-content h2.nm
{
	margin:0 0 10px 0;
}

#modal-content h3
{
	color:#1c1c1c;
	font-size: 18px;
	font-weight:300;
}


#modal-content .sidetitle h4
{
	font-size: 20px;
	margin:0 0 5px 0;
}

#modal-content .microtext
{
	color:#9dbc7a;
	font-weight:bold;
	font-size:11px;
}


.welcome-promote
{
	height: 90px;
}


.welcome-invite
{
	height: 115px;
}


.welcome-invite b
{
	font-weight: bold;
	margin: 0 0 0 238px;
}


#modal-content .sidetitle
{
	width: 215px;
	float:left;
	margin:0 20px 0 0;
}

#modal-content .welcome-promote
{
	border-bottom:solid 1px #efefef;
	margin: 20px 0 0 0;
}

#modal-content .welcome-invite
{
	margin: 30px 0 10px 0;
}

a.invite-butt
{
	width:152px;
	height:40px;
	background-image:url('/img/modal-welcome-logos.gif');
	background-repeat:no-repeat;
	float:left;
}

a.invite-twitter
{
	margin:0px 20px 0 0;
}


a.invite-facebook
{
	background-position: -154px 2px;
	margin:-1px 0 0 0;
}


a.invite-facebook:hover
{
	background-position: -154px -34px;
}

a.invite-twitter:hover
{
	background-position: 0px -36px;
}

#modal-content  .share-options
{
	width: 316px;
	height: 20px;
	float: right;
	padding: 19px 0 0 0;
}

#modal-content  .share-options .butt
{
	-webkit-box-shadow: 0px 0px 5px 0px RGBA(0,0,0,0.3),inset 0px 1px 0px RGBA(25,255,255,0.4);
	-moz-box-shadow: 0px 0px 5px 0px RGBA(0,0,0,0.3),inset 0px 1px 0px RGBA(255,255,255,0.4);
	box-shadow: 0px 0px 5px 0px RGBA(0,0,0,0.3),inset 0px 1px 0px RGBA(255,255,255,0.4);
}

#modal-content  .share-options span
{
	margin:-12px 2px 0 0;
}



#modal-content h3 span
{
	font-weight:bold;
}


#modal-content h4
{
	color:#1c1c1c;
	font-size:16px;
}

#modal-content textarea#invite-code
{
	height: 20px;
	background: none;
	width: 145px;
	text-align: center;
	font-size: 14px;
	padding: 9px 2px 4px 2px;
	margin: 10px 10px 0 0;
	float: right;
	margin: -8px 8px 0 0;
}


/* .action-activity
----------------------------------------------------------------------------*/
.action-activity
{
	width: 225px;
	height:47px;
	border:solid 5px #343232;
	border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	color:#fff;
	font-weight:bold;
	position: fixed;
	top:-5px;
	left:35%;
	z-index:1000;
	text-shadow:0 1px 2px #000;
	-webkit-box-shadow: 0px 2px 8px RGBA(0,0,0,0.3),inset 0px 0px 22px RGBA(0,0,0,0.9);
	-moz-box-shadow: 0px 2px 8px RGBA(0,0,0,0.3),inset 0px 0px 22px RGBA(0,0,0,0.9);
	-o-box-shadow: 0px 2px 8px RGBA(0,0,0,0.3),inset 0px 0px 22px RGBA(0,0,0,0.9);
	box-shadow: 0px 2px 8px RGBA(0,0,0,0.3),inset 0px 0px 22px RGBA(0,0,0,0.9);
}

.action-activity p
{
	padding: 3px 12px;
	display:block;
}

.action-activity p.loading
{
	background:url('/img/activity-loader.gif')  197px center no-repeat;
}

.action-activity p.all-good
{
	background-position: 193px -273px;
}

.action-activity p.shits-bad
{
	background-position:  193px -273px;
}

/*Tag popout (New Dec 011)
-----------------------------------------------------------------------------------------------------------*/
.t-po
{
	width:300px;height: 215px;
	font-size:14px;
	background:#96b374;
	border:solid 1px #515942;
	border-radius:5px;
	box-shadow:inset 0 1px 0 RGBA(255,255,255,0.6),0 3px 5px RGBA(0,0,0,0.2);
	position:relative;
	z-index:333;
	display: none;
	position: absolute;
	bottom: 44px;
	left: -66px;
	text-transform: none;
	white-space: none;
}

.t-po:before
{
	border-top: 12px solid #515942;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	bottom: -13px;
	left: 132px;
	content: "^";
	text-indent: -99999em;
	width: 0;
	height: 0;
	z-index: 1;
	display: block;
	position: absolute;
}

.t-po:after
{
	border-top: 13px solid #C6D0BC;
	border-right: 13px solid transparent;
	border-left: 13px solid transparent;
	bottom: -12px;
	left: 131px;
	content: "^";
	text-indent: -99999em;
	width: 0;
	height: 0;
	z-index: 1;
	display: block;
	position: absolute;
}

.t-po.mini
{
	height: 173px;
}

.t-po .hd
{
	padding: 8px;
	height: 70px;
	
}

.t-po .end-cnt
{
	color: #515942;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	line-height: 59px;
	display: block;
	width: 60px;
	float: left;
	height: 59px;
	background: white;
	border: solid 1px #515942;
	box-shadow: 0 1px 0 RGBA(255,255,255,0.5);
	border-radius: 5px;
	margin: 0 10px 0 0;
}

.t-po .end-info
{
		color: #515942;
	font-weight: bold;
	line-height: 16px;
	width: 210px;
	float: right;
	display: block;
	text-shadow:0 1px 0 RGBA(255,255,255,0.2);
	white-space: normal;
	text-transform: none;
}

.t-po .end-info a,.t-po .end-info a:link,.t-po .end-info a:visited
{
	color:#fff;
	text-shadow:0 1px 1px RGBA(0,0,0,0.2);
}

.t-po .end-info a:hover
{
	color:#515942;
	text-shadow:0 1px 0 RGBA(255,255,255,0.2);
}

.t-po .end-info ul
{
	height: 28px;
	overflow: hidden;
	margin:5px 0 0 0 !important;
}


.t-po .end-info ul li, .t-po .end-info ul img, .t-po .end-info ul a
{
	width: 22px !important;   
	height: 22px !important; 
	border-radius:3px;
}

.t-po .end-info ul a:active
{
	top:0 !important;
}

.t-po .end-info ul img
{
	top:0;
	margin:0 !important;
	background:#fff !important;
	border-radius:2px !important;;
}

.t-po .end-info ul li
{
	border:solid 1px #515942 !important; 
	box-shadow:0 1px 0 RGBA(255,255,255,0.3) !important;
	margin:0 5px 0 0 !important;
	line-height:0 !important;
	padding:0 !important;
}

.t-po .end-info ul li:hover
{
	border-color:#000 !important;;
	box-shadow:0 1px 0 RGBA(255,255,255,0.5);
}


.t-po .ft
{
	background: #C6D0BC;
	border-top: solid 1px #515942;
	box-shadow: inset 0 1px 0 RGBA(255,255,255,0.5);
	border-radius: 0 0px 5px 5px;
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 135px;
}

.t-po.mini .ft
{
	height: 94px;
}

.t-po #share-ed
{
	text-align:center;
	text-shadow:0 1px 0 RGBA(255,255,255,0.4);
	padding:8px 0;
}

.t-po #share-ed ul 
{
	border-radius: 5px;
	height: 31px !important;  
	width: 284px !important;
	margin: 6px 8px 8px 8px !important;
}

.t-po #share-ed ul li {
	margin: 0;
}

.t-po #share-ed ul .butt
{
	margin: 0;
	padding:0;
	display: block;
	width: 140px !important;
	height: 29px !important;
	line-height: 29px !important;
	border:solid 1px #2F5C61 !important;
}

.t-po #share-ed ul .butt:active
{
	top:0;
}

.t-po #share-ed ul .share-twt
{
	border-radius:5px 0 0 5px;
}

.t-po #share-ed ul span
{
	background-image: url('/img/zerply-main-sprite.png?3061');
	background-repeat: no-repeat;
}

.t-po #share-ed ul .share-twt span
{
	width: 58px;
	height: 14px;
	background-position: -331px -396px;
	position: relative;
	top: 3px;
}
 
.t-po #share-ed ul .share-fb
{
	border-radius:0 5px 5px 0;
	border-left:none;
	border-left:solid 1px RGBA(255,255,255,0.5) !important;
}

.t-po #share-ed ul .share-fb span
{
	width: 62px;
	height: 14px;
	background-position: -331px -413px;
	position: relative;
	top: 2px;
}

.t-po #share-ed ul .butt a
{
	color:#fff;
}

.t-po #share-ed h2, .t-po #share-ed h3
{
	color:#4f534b;
	font-size:19px !important;
	margin:0;
}

.t-po #share-ed h3
{
	line-height: 20px;
	font-size: 14px !important;
}

.t-po .ft textarea
{
	outline: none;
	color:#444;
	border: solid 1px #515942;
	box-shadow: inset 0 3px 5px RGBA(0,0,0,0.05),0 1px 0 RGBA(255,255,255,0.5);
	-webkit-box-shadow: inset 0 3px 5px RGBA(0,0,0,0.05),0 1px 0 RGBA(255,255,255,0.5);
	-moz-box-shadow: inset 0 3px 5px RGBA(0,0,0,0.05),0 1px 0 RGBA(255,255,255,0.5);
	width: 266px;
	margin: 6px;
	height: 59px;
	font-size: 13px;
	line-height: 16px;
	padding: 10px;
	overflow:hidden;
}


.t-po .ft textarea::-webkit-input-placeholder {
   color: #999;
	font-weight:bold;
}

.t-po .ft textarea:-moz-placeholder {
   color: #999;
font-weight:bold;
}

.t-po .ft textarea[readonly]:focus {
	color: #999;
}

.t-po .ft textarea:focus
{
		border: solid 1px #000;
		box-shadow: inset 0 3px 5px RGBA(0,0,0,0.4),0 1px 0 RGBA(255,255,255,0.9);
		-webkit-box-shadow: inset 0 3px 5px RGBA(0,0,0,0.4),0 1px 0 RGBA(255,255,255,0.9);
		-moz-box-shadow: inset 0 3px 5px RGBA(0,0,0,0.4),0 1px 0 RGBA(255,255,255,0.9);
}

.t-po-disabled .ft textarea,.t-po-disabled .ft textarea:focus
{
		border-color:#848980;
		color:#ccc;
		box-shadow: 0 1px 0 RGBA(255,255,255,0.5);
		-webkit-box-shadow: 0 1px 0 RGBA(255,255,255,0.5);
		-moz-box-shadow: 0 1px 0 RGBA(255,255,255,0.5);								
}


.t-po .ft .main-butt
{
	margin: 0;
	border-radius: 5px;
	box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6),0 1px 0 RGBA(255,255,255,0.5);
	border-color: #2F5C61;
	font-size: 18px;
	padding: 5px 0;
	width: 288px;
	position: absolute;
	top: 93px;
	left: 6px;
}

.t-po .ft #undo
{
	border-color:#7e5411;
}

.t-po .ft #disabled
{
	color:#858f7a;
	text-shadow:0 1px 0 RGBA(255,255,255,0.3);
	background: rgb(212,221,203);
	background: -moz-linear-gradient(top, rgba(212,221,203,1) 0%, rgba(186,201,171,1) 0%, rgba(195,209,179,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,221,203,1)), color-stop(0%,rgba(186,201,171,1)), color-stop(100%,rgba(195,209,179,1)));
	background: -webkit-linear-gradient(top, rgba(212,221,203,1) 0%,rgba(186,201,171,1) 0%,rgba(195,209,179,1) 100%);
	background: -o-linear-gradient(top, rgba(212,221,203,1) 0%,rgba(186,201,171,1) 0%,rgba(195,209,179,1) 100%);
	border-color:#90a37b;
	cursor:default;
}

.t-po .ft .chr-count, .t-po .ft a.edit-cmt
{
	display: none;
	position: absolute;
	font-weight: bold;
	color: #999 !important;
	right: 15px;
	bottom: 48px;
	font-size: 11px;
	text-shadow:none;
}

.t-po .ft a.edit-cmt:hover
{
	color:#444 !important;
}


/* Handy Stuffs
-----------------------------------------------------------------------------------------------------------*/

.input-loading
{
	z-index: 67;
	color:transparent;
	width:16px;
	height:16px;
	background: url('/img/occ/loader.gif') center right no-repeat;
	margin:3px 3px 0 0;
}
.ht {display:inline-block;text-indent:-99999em;overflow:hidden;}
label.ht {height:0;}
.pointer {cursor: pointer;} 
 ul.fl {padding:0;margin:0;}
.fl li {list-style:none;list-style-type:none;display:inline-block;float:left;}
.nl {margin:0;padding:0;}
.nl li {list-style:none;list-style-type:none;padding:0;margin:0;}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* CSS3 Fun
-----------------------------------------------------------------------------------------------------------*/


/*border-radius*/

.br-2 
{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	zoom: 1;
}

.br-5 
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	zoom: 1;
}

.br-10
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	zoom: 1;
}

.br-30
{
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	zoom: 1;
}


/*Transition*/
.trans
{
	-webkit-transition: all 200ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	   -moz-transition: all 200ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	     -o-transition: all 200ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	        transition: all 200ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
}

/* TipTip Thanks to http://code.drewwilson.com/entry/tiptip-jquery-plugin
-----------------------------------------------------------------------------------------------------------*/

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 13px;
	font-weight:bold;
	color: #fff;
	text-shadow: 0 1px 0 RGBA(0,0,0,0.2);
	padding: 4px 8px;
	background-color: #9dbc7a;
	background: -moz-linear-gradient(top, #B3D68D 0%, #8AB15E 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3D68D), color-stop(100%,#8AB15E));
	-webkit-box-shadow: 2px 1px 4px RGBA(0,0,0,0.2),inset 0 1px 0 RGBA(255,255,255,0.6);
	-moz-box-shadow: 2px 1px 4px RGBA(0,0,0,0.2),inset 0 1px 0 RGBA(255,255,255,0.6);
	-o-box-shadow: 2px 1px 4px RGBA(0,0,0,0.2),inset 0 1px 0 RGBA(255,255,255,0.6);
	box-shadow: 2px 1px 4px RGBA(0,0,0,0.2),inset 0 1px 0 RGBA(255,255,255,0.6);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: solid 1px #557334;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #557334;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-top-color: #557334;
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #557334;
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-top-color: #557334;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: #8AB15E
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-top-color: #8AB15E;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: #8AB15E
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
		border-top-color: #8AB15E
}



/* 
---------------------------------------------------------------------------*/

.auto-complete
{
	color: white;
	text-shadow: 0px 1px 0 RGBA(0,0,0,0.3);
	width: 280px;
	border: solid 5px #343232;
	position: absolute;
	z-index: 333;
	-webkit-box-shadow: 0px 2px 8px RGBA(0,0,0,0.5),inset 0px 0px 22px RGBA(0,0,0,0.9);
	-moz-box-shadow: 0px 2px 8px RGBA(0,0,0,0.5),inset 0px 0px 22px RGBA(0,0,0,0.9);
	-o-box-shadow: 0px 2px 8px RGBA(0,0,0,0.5),inset 0px 0px 22px RGBA(0,0,0,0.9);
	box-shadow: 0px 2px 8px RGBA(0,0,0,0.5),inset 0px 0px 22px RGBA(0,0,0,0.9);
	left: 4px;
	top: 17px;
}

.auto-complete-loading
{
	font-weight:bold;
	padding:10px;
	font-size:15px;
	background:url('/img/activity-loader.gif') center right no-repeat;
	width:250px;
	display:none;
}


.auto-complete .arrow-up
{
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid #343232;
	position: absolute;
	top: -15px;
	left: 13px;
	z-index: 1;
}

.auto-complete ul.suggestions
{
	max-height:300px;
	overflow:auto;
}

.auto-complete ul.suggestions li:first-child
{
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
}

.auto-complete ul.suggestions li:last-child
{
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
}

.auto-complete ul.suggestions li
{
	padding:12px 15px;
	border-bottom:solid 1px #000;
	border-top:solid 1px RGBA(255,255,255,0.2);
	line-height: 18px;
}


.auto-complete ul.suggestions li:hover, .auto-complete ul.suggestions li.selected
{
	border-top:solid 1px #c2d4ac;
	cursor:pointer;
	background: #B3D68D; 
	background: -moz-linear-gradient(top, #B3D68D 0%, #8AB15E 100%);
	background: -o-linear-gradient(top, #B3D68D 0%, #8AB15E 100%);  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3D68D), color-stop(100%,#8AB15E));
}


.auto-complete ul.suggestions::-webkit-scrollbar 
{
	width: 7px;
	height: 10px;
	position:relative;
	right:10px;
}

.auto-complete ul.suggestions::-webkit-scrollbar-button:start:decrement,
.auto-complete ul.suggestions::-webkit-scrollbar-button:end:increment  
{
	height: 0px;
	display: block;
	background-color: transparent;
}


.auto-complete ul.suggestions::-webkit-scrollbar-track-piece  
{
	background-color: #000;
	-webkit-border-radius: 10px;
}

.auto-complete ul.suggestions::-webkit-scrollbar-thumb 
{
	height: 50px;
	background-color: #9dbc7a;
	-webkit-border-radius: 10px;
}

.auto-complete ul.suggestions img
{
	width: 35px;
	float: left;
	margin-right: 10px;
}


/* Share Popout
---------------------------------------------------------------------------*/

	#zerply-share,#hint-popout
	{
		font: normal 14px "Helvetica Neue",Helvetica, Arial, sans-serif;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		border-radius:10px;
		-moz-border-radius:10px;
		background:#000 url('/img/ooc/zeply-black-grid-pattern.jpg') repeat;
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQIHWPU19f/z4AEWFlZGZiQ+HAm8YIsIDPQAQCmLAG2mKcTVQAAAABJRU5ErkJggg==);
		display:block;
		width: 206px;
		height: 67px;
		padding:15px;
		color: white;
		text-shadow: 0px 1px 0 RGBA(0,0,0,0.3);
		z-index: 333;
		-webkit-box-shadow: 0px 2px 8px RGBA(0,0,0,0.5),inset 0px 0px 22px RGBA(0,0,0,0.8);
		-moz-box-shadow: 0px 2px 8px RGBA(0,0,0,0.5),inset 0px 0px 22px RGBA(0,0,0,0.8);
		-o-box-shadow: 0px 2px 8px RGBA(0,0,0,0.5),inset 0px 0px 22px RGBA(0,0,0,0.8);
		box-shadow: 0px 2px 8px RGBA(0,0,0,0.5),inset 0px 0px 22px RGBA(0,0,0,0.8);
		position: absolute;
	}
	
	#hint-popout
	{
		width:auto;
		height:auto;
	}
	
	#hint-popout iframe
	{
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-box-shadow: 0px 0px 5px 2px #000000;
		-moz-box-shadow: 0px 0px 5px 2px #000000;
		box-shadow: 0px 0px 5px 2px #000000;
	}
	
	textarea.zerply-share-url
	{
		font: normal 17px "Helvetica Neue",Helvetica, Arial, sans-serif;
		width: 186px;height: 15px;
		overflow:hidden;
		color:#999;
		resize:none;
		border: none;
		padding:10px 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius:3px;
		border-radius: 5px;
		box-shadow:inset 0 3px 5px RGBA(0,0,0,0.05);
		-webkit-box-shadow:inset 0 3px 5px RGBA(0,0,0,0.05);
		-moz-box-shadow:inset 0 3px 5px RGBA(0,0,0,0.05);
		outline-color:#FBFACB;
		font-size:13px;
		outline:none;
		margin:15px 0 0 0;
		text-align:center;
		font-weight:bold;
	}
	
	textarea.zerply-share-url:focus
	{
		box-shadow:inset 0 3px 5px RGBA(0,0,0,0.2);
		-webkit-box-shadow:inset 0 3px 5px RGBA(0,0,0,0.2);
		-moz-box-shadow:inset 0 3px 5px RGBA(0,0,0,0.2);
		color:#000;
	}
	
	
	.zs-point
	{
		border: solid 5px #343232;
	}
	
	.zs-rogie
	{
		border-color:#666666;
	}
	

/*  Arrows
---------------------------------------------------------------------------*/
	
	.zs-point:after
	{
		content:"^";
		text-indent:-99999em;
		width: 0;
		height: 0;
		z-index: 1;	
		display:block;	
		position: absolute;
	}
	
	
   .zs-bottom:after
	{
	
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #343232;
		top: 100px;
		left: 106px;
	}
	
	.zs-top:after
	{
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #343232;
		top: -13px;
		left: 106px;
	}
	
	
	.zs-right:after
	{
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #343232;
		top: 39px;
		left: 240px;
	}
	
	.zs-left:after
	{
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid #343232;
		top: 39px;
		right: 240px;
	}
		


/*  Facebook,Twitter,Linkedin
---------------------------------------------------------------------------*/

	#zerply-share a,#zerply-share span
	{
		background-image:url('/img/zerply-main-sprite.png?3061'); background-repeat:no-repeat;
		display:block;
		text-indent:-9999em;
		float:left;
		margin: 3px 8px 0 0;
		padding:0px !important;
	}
	
	html #zerply-share h3,html #hint-popout h3
	{
		color: white;
		font-weight: bold;
		font-size: 15px;
		margin: 0 0 7px 0;
		color:#9DBC7A;
	}
	
	
	#zerply-share a:hover
	{
		opacity:0.8;
	}
	
	
	#zerply-share a.facebook-share,#zerply-share span.facebook-share
	{
		width: 63px;
		height: 12px;
		background-position: -331px -414px;
	}
	
	#zerply-share a.twitter-share,#zerply-share span.twitter-share
	{
		width: 63px;
		height: 12px;
		background-position: -328px -396px;
	}
	
	#zerply-share a.linkedin-share
	{
		width: 63px;
		height: 17px;
		background-position: -331px -431px;
		position:relative;
		top: 1px;
		margin:0;
	}
	
	
	#zerply-share .share-fb,#zerply-share .share-tw
	{
		height: 14px;
		display: inline-block;
	}
	

	/*Login Create account
	--------------------------------------*/

	#login.user-options
	{
		font-size:14px;
		position:absolute;
		top:20px;
		right: 0px;
		display: inline-block;
		margin:0px 20px 0 0;

	}

	#login.user-options a.sign-up:active
	{
		top:0;
	}
	#login.user-options a.butt:hover
	{
		color: #0F4E72;
		text-shadow: 0 1px 0 RGBA(255,255,255,0.5);
		cursor:pointer;
	}

	#login.user-options a.sign-up:hover
	{
		color:#5f3b0e;
		text-shadow: 0 1px 0 RGBA(255,255,255,0.5);
		cursor:pointer;
		background:#fbc357;
		background: -moz-linear-gradient(top, #fbc357 0%, #ea8615 100%); 
		background: -o-linear-gradient(top, #fbc357 0%, #ea8615 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc357), color-stop(100%,#ea8615));
	}

	#login.user-options a#sign-up /*fuck you FF*/
	{
	 	float: left;
	    line-height: 18px;
	}

	#login.user-options a.butt
	{
		border-radius:4px;
		-moz-border-radius:4px;
		margin:0;
		padding: 5px 9px;
		color:#fff;
		height: 19px;
		float: left;
		margin: 0 5px 0 0;
	}

	#login.user-options .sign-up
	{
		margin:0;
	}

	#login.user-options .butt a
	{
		color:#fff;
	}


/* @media
-----------------------------------------------------------------------------------------------------------*/


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: none; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


.inputtext{ width:300px; height:22px; margin:8px 0}


/*-------------------------------------------------
13: Google Search
--------------------------------------------------*/
.gsc-control-cse {    font-family: Arial, sans-serif;    border-color: #FFFFFF;    background-color: #FFFFFF;  }
 /* input.gsc-input {    border-color: #BCCDF0;  }
 input.gsc-search-button { border-color: #666666;    background-color: #CECECE;  }*/
  .gsc-tabHeader.gsc-tabhInactive {    border-color: #E9E9E9;    background-color: #E9E9E9;  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {    border-color: #E9E9E9;  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {    border-color: #FFFFFF;    background-color: #FFFFFF;  }
  .gsc-webResult.gsc-result:hover,
  .gsc-webResult.gsc-result.gsc-promotion:hover,
  .gsc-imageResult:hover {    border-color: #FFFFFF;    background-color: #FFFFFF;  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {    color: #0000CC;  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #0000CC;
  }
  .gsc-cursor-page {
    color: #0000CC;
  }
  a.gsc-trailing-more-results:link {
    color: #0000CC;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #008000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #008000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gs-promotion div.gs-visibleUrl-short {
    display: none;
  }
  .gs-promotion div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
    color: #0000CC;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
    color: #0000CC;
  }
  .gsc-webResult.gsc-result.gsc-promotion {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #0000CC;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #000000;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #008000;
  }
  table.gsc-search-box td.gsc-input{padding-right:4px;}
  .gsc-branding{display:none;}
  
  /*Search button for kumon*/
  /*--Search form - Google--*/
.searchForm {float:right;width:180px;padding-top:3px;margin-left:18px;}
.searchForm div { position: relative; padding-top:0; }
.searchForm div input[type="text"] {background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid rgba(0, 0, 0, 0.3);   height:20px;}
.searchForm div input[type="submit"]{  position:relative;
    background:#b6e7fb;
        border-style: none;
     color: #07719b;
    display: block;    
     text-align: center;
    text-decoration: none;
    cursor: pointer;
    float: right;
    
    padding: 3px 5px !important;
    position: relative;  
    }
input.gsc-search-button 
{position:relative;
    background:#b6e7fb;
    border-style: none;
     color: #07719b;
    display: block;
    height:22px;
    font-size:11px;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
} 
.gsc-clear-button{display:none;}


.logincs {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:2px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	padding:7px 21px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}.logincs:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}.logincs:active {
	position:relative;
	top:1px;
}

.inputtext { height:22px; border:solid 1px #ccc;; margin-top:4px; padding:2px; margin-bottom:4px; width:88%}


.regcls {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:7px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
}.regcls:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.regcls:active {
	position:relative;
	top:1px;
}

.signoutbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 14px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
}.signoutbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.signoutbtn:active {
	position:relative;
	top:1px;
}





.actbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff !important;
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	padding:3px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}.actbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}.actbtn:active {
	position:relative;
	top:1px;
}


ul{border:0; margin:0; padding:0;}

#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:12px;
list-style:none;
}
#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
} 
#pagination-flickr .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}
input{ height:26px; border:solid 1px #ccc; width:60%}

.error{
	color:#FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
	text-transform: capitalize;
}