/* TYPO */
body {
	font-family:Arial;
	font-size:12px;
	direction:ltr;
}

/*Content and Component Headings */
.contentheading,h1.title {
	font-family:Arial;
	font-size:38px;
}
div.joomla div.multicolumns h1.title {
	font-size:31.666666666667px;
	line-height:34.545454545455px !important;
}
.componentheading,.pagetitle {
	font-family: Arial;
	font-size:38px;
	line-height:38px;
	margin:0 0 20px 0;
}
.pagetitle span{padding:0;font-weight:normal;display:inline-block;}
.component h2 {
	letter-spacing:-1px;
}
.module h3{
	font-size:24px;
	line-height:110%;
	}
.module h3 span{
	font-size:22px;
	line-height:22px;
	letter-spacing:-1px;

}
.module h3 span.module_subtitle{
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	line-height:12px;
}
.cat h3.title,.cat_rest h3.title{
    font-size: 250%;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 110%;
    margin: 0;
    padding:0 0 4px;
	float:left;
	width:auto;
}
div.joomla div.description{
	font-size:18px;
	line-height:20px;

}
p {
	font-size:12px;
	line-height:170%;
}
.txt_small{font-size:12px;line-height:14px}
.txt_large{font-size:60px;line-height:63px; padding:0;}
.upper{text-transform:uppercase;}
.ff_times{font-family:"Times New Roman", Times, serif;}
div,a,a:link,ul.dualfish li ul li a span, ul.suckerfish li ul li a span, ul.dropline li ul li a span{
	font-family:Arial;
}
/* ----------------------------------------------*/

/* TYPOGRAPHY
/* ----------------------------------------------*/
div.joomla p,#component p {
    margin: 2em 0; line-height:170%;
}
div.joomla pre, 
div.joomla blockquote,
div.joomla ul, 
div.joomla ol, 
/*div.joomla h1, 
div.joomla h2, 
div.joomla h3, 
div.joomla h4, 
div.joomla h5, 
div.joomla h6 */{
    margin: 1em 0;
    padding: 0;
}
/*.component h1 {display:inline-block;font-size:4.25em;color: #999;line-height: 42px;}
.component h2 { font-size: 2em; color: #999; line-height: 32px;}
.component h3 { font-size: 1.55em;color: #999; line-height: 24px; }
.component h4 { font-size: 1.15em; line-height: 1.25; font-weight: bold;color: #999; line-height: 18px; }
.component h5 { font-size: 1em; font-weight: bold;color: #999; line-height: 16px;}
.component h6 { font-size: 1em;color: #999; line-height: 16px;}*/

h1 {font-size:60px; letter-spacing: -2px; line-height:100%; padding:0; }
h1.iteminfo{padding:0 0 55px 0;margin:0 0 18px 0;}
h2 { font-size:24px; letter-spacing: -1px; line-height:100%; font-weight:normal;}
h3 { font-size:18px;}
h4 { font-size:12px;}
h5 { font-size:12px;}
h6 { font-size:12px;}



.dropcap {float:left;padding:4px 8px 0 0;display:block;color:#999;font:50px/40px Times, serif;}

/* Quotes */
quotes {padding: 1em 40px 1em 15px;font: 16px Arial;color:#777;}
blockquote.opensmall {background: url(http://cogito.com.ua/templates/appwerks/images/typo/openquote.gif) no-repeat 0 0;border:none;padding: 0 0 0 6px;text-align:justify;}
blockquote.opensmall p {background: url(http://cogito.com.ua/templates/appwerks/images/typo/closequote.gif) no-repeat 100% 100%;padding: 0 0 0 15px;font: 16px Arial;color:#777;}
/* Large Quotes */
blockquote.openlarge {background: url(http://cogito.com.ua/templates/appwerks/images/typo/oquote_lg.png) no-repeat 0 0;border:none;padding:0 0px 0 0;text-align:justify;}
blockquote.openlarge p {background: url(http://cogito.com.ua/templates/appwerks/images/typo/equote_lg.png) no-repeat 100% 100%;padding: 10px 0px 10px 50px;font: 18px Arial;line-height: 28px;color:#777;}

/* Code */
.code {background: #F4F4F4;font: 1em/1.5 "Tahoma", monospace;padding: 12px;	color: #333333;}
/* Error */
p.error {padding-left: 25px;color: #f10033;	background: url('http://cogito.com.ua/templates/appwerks/images/typo/error.gif') no-repeat top left; margin:0 0 16px 0 !important; }
/* Message */
p.message {color: #006699;background: url('http://cogito.com.ua/templates/appwerks/images/typo/info.gif') no-repeat top left;; padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:5px; }
/* Ideas */
p.ideas {padding-left: 25px;color: #EE9600;	background: url('http://cogito.com.ua/templates/appwerks/images/typo/lightbulb.gif') no-repeat top left; }
/* Highlight */
.highlight {padding: 12px;background: #FFFFCC;color: #333333;}
/* Download */
p.download {background: url('http://cogito.com.ua/templates/appwerks/images/typo/download.gif') no-repeat 5px center;	padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
/* Astrix */
p.astrix {background: url('http://cogito.com.ua/templates/appwerks/images/typo/icon-asterisk_sm.png') no-repeat 5px center;	padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:5px;}
/* Com */
p.com {	background: url('http://cogito.com.ua/templates/appwerks/images/typo/ext_com.png') no-repeat 5px center;	padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px;}
/* Mod */
p.mod {	background: url('http://cogito.com.ua/templates/appwerks/images/typo/ext_mod.png') no-repeat 5px center;	padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px;}
/* Plug */
p.plug {background: url('http://cogito.com.ua/templates/appwerks/images/typo/ext_plugin.png') no-repeat 5px center;padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px;}
/* Lang */
p.lang {background: url('http://cogito.com.ua/templates/appwerks/images/typo/ext_lang.png') no-repeat 5px center;	padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px;}
/* Photolink */
p.photolink {background: url('http://cogito.com.ua/templates/appwerks/images/typo/ww_image.png') no-repeat 5px center;	padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
/* heart */
p.heart {background: url('http://cogito.com.ua/templates/appwerks/images/typo/heart.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
/* Star */
p.stargrey {background: url('http://cogito.com.ua/templates/appwerks/images/typo/star-grey.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.starred {background: url('http://cogito.com.ua/templates/appwerks/images/typo/star-red.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.starblue {background: url('http://cogito.com.ua/templates/appwerks/images/typo/star-blue.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.stargreen {background: url('http://cogito.com.ua/templates/appwerks/images/typo/star-green.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.starorange {background: url('http://cogito.com.ua/templates/appwerks/images/typo/star-orange.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.starbrick {background: url('http://cogito.com.ua/templates/appwerks/images/typo/star-brick.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.starorange {background: url('http://cogito.com.ua/templates/appwerks/images/typo/star-orange.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
/* Photo */
p.photogrey {background: url('http://cogito.com.ua/templates/appwerks/images/typo/camera-grey.png') no-repeat 5px center;	padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.photoblack {background: url('http://cogito.com.ua/templates/appwerks/images/typo/camera-black.png') no-repeat 5px center;padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.photored {background: url('http://cogito.com.ua/templates/appwerks/images/typo/camera-red.png') no-repeat 5px center;padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.photoblue {background: url('http://cogito.com.ua/templates/appwerks/images/typo/camera-blue.png') no-repeat 5px center;	padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.photopink {background: url('http://cogito.com.ua/templates/appwerks/images/typo/camera-pink.png') no-repeat 5px center;	padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.photogreen {background: url('http://cogito.com.ua/templates/appwerks/images/typo/camera-green.png') no-repeat 5px center;padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.photobrick {background: url('http://cogito.com.ua/templates/appwerks/images/typo/camera-brick.png') no-repeat 5px center;padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.photoorange {background: url('http://cogito.com.ua/templates/appwerks/images/typo/camera-orange.png') no-repeat 5px center;padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
/* X */
p.x {background: url('http://cogito.com.ua/templates/appwerks/images/typo/x-red.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:5px; padding-bottom:5px;}
p.xblack {background: url('http://cogito.com.ua/templates/appwerks/images/typo/x-black.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:5px; padding-bottom:5px;}
/* RSS */
p.rss {background: url('http://cogito.com.ua/templates/appwerks/images/typo/rss.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
/* Check list */
ul.checklist {list-style: none;}
ul.checklist li {background: url('http://cogito.com.ua/templates/appwerks/images/typo/check-grey.png') no-repeat 0 0;margin-left: 15px;	padding: 0 0 15px 30px;}
ul.checklist1 {margin-top:25px !important;}
ul.checklist1 li {background: url('http://cogito.com.ua/templates/appwerks/images/typo/check-grey1.png') no-repeat 0 6px; color:#555 !important; font-size:14px; margin-left: 15px; padding: 0 0 15px 30px;}
/* Article list */
ul.articlelist {list-style: none;}
ul.articlelist li {background: url('http://cogito.com.ua/templates/appwerks/images/typo/article-grey.png') no-repeat 0 3px; margin-left: 15px;padding: 0 0 5px 30px;}
/* Star list */
ul.starlist {list-style: none;}
ul.starlist li {background: url('http://cogito.com.ua/templates/appwerks/images/typo/star-grey.png') no-repeat 0 3px;margin-left: 15px;padding: 0 0 5px 30px;}
/* Arrow list */
ul.arrowlist {list-style: none;}
ul.arrowlist li {background: url('http://cogito.com.ua/templates/appwerks/images/typo/next-grey.png') no-repeat 0 3px;margin-left: 15px;	padding: 0 0 5px 30px;}
/* X list */
ul.xlist {list-style: none;}
ul.xlist li {margin-left: 15px;	background: url('http://cogito.com.ua/templates/appwerks/images/typo/x-red.png') no-repeat 0 3px;; padding: 0 0 5px 30px;}
/* ast list */
ul.astlist {list-style: none;}
ul.astlist li {	margin-left: 15px;	background: url('http://cogito.com.ua/templates/appwerks/images/typo/icon-asterisk_sm.png') no-repeat 0 3px;; padding: 0 0 5px 30px;}
/* Movie List */
ul.movielist {list-style: none;}
ul.movielist li {margin-left: 15px; background: url('http://cogito.com.ua/templates/appwerks/images/typo/movie-grey.png') no-repeat 0 3px;padding: 0 0 5px 30px;}
/* Blog List */
ul.bloglist {list-style: none;}
ul.bloglist li {margin-left: 15px; background: url('http://cogito.com.ua/templates/appwerks/images/typo/blog-green.png') no-repeat 0 3px;	padding: 0px 0px 5px 30px;}
/* Photo List */
ul.photolist {list-style: none;}
ul.photolist li {margin-left: 15px; background: url('http://cogito.com.ua/templates/appwerks/images/typo/camera-grey.png') no-repeat 0 3px;	padding: 0 0 0px 30px;}
/* Date List */
ul.datelist {list-style: none;}
ul.datelist li {background: url('http://cogito.com.ua/templates/appwerks/images/typo/calendar-grey.png') no-repeat 0 3px;margin-left: 15px;	padding: 0 0 5px 30px;}

/* Note */
.note {	background: #FEEF9C url('http://cogito.com.ua/templates/appwerks/images/typo/note.gif') no-repeat right bottom;font-size: 1em;color: #000000 !important;	padding-left:20px; padding-right:20px; padding-top:40px; padding-bottom:40px;}
/* Hover */
.grayhover1{padding: 12px;}
/* Square grey */
.squaregrey {background: url('http://cogito.com.ua/templates/appwerks/images/typo/squaregrey.png') no-repeat 0 50%; padding-left: 40px !important; margin-top:54px !important; font-size: 32px!important; border-bottom:1px solid #ebebeb !important;}

/*CSS3 TYPOGRAPHY*/


/* THE SPEECH BUBBLES */
.bubble-red, .bubble-blue, .bubble-green, .bubble-cyan, .bubble-tan, .bubble-yellow, .bubble-grey,.bubble-pink{line-height:133%; margin-bottom:55px!important; position:relative; padding:18px; margin:1em 0 36px; color:#fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold; font-size:14px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
.bubble-red:after, .bubble-blue:after, .bubble-green:after, .bubble-cyan:after, .bubble-tan:after, .bubble-yellow:after, .bubble-grey:after, .bubble-pink:after{content:""; position:absolute; bottom:-15px; left:50px; border-width:15px 15px 0; border-style:solid; display:block; width:0}
.bubble-red{background:#6C1D1E; background:-webkit-gradient(linear,0 0,0 100%,from(#6C1D1E),to(#6C0001)); background:-moz-linear-gradient(#6C1D1E,#6C0001); background:-o-linear-gradient(#6C1D1E,#6C0001); background:linear-gradient(#6C1D1E,#6C0001)}

.bubble-red:after{border-color:#6C0001 transparent}
.bubble-blue{background:#8296AF; background:-webkit-gradient(linear,0 0,0 100%,from(#8296AF),to(#587FAF)); background:-moz-linear-gradient(#8296AF,#587FAF); background:-o-linear-gradient(#8296AF,#587FAF); background:linear-gradient(#8296AF,#587FAF)}
.bubble-blue:after{border-color:#587FAF transparent}
.bubble-green{background:#aba338; background:-webkit-gradient(linear,0 0,0 100%,from(#aba338),to(#90892f)); background:-moz-linear-gradient(#aba338,#90892f); background:-o-linear-gradient(#aba338,#90892f); background:linear-gradient(#aba338,#90892f)}
.bubble-green:after{border-color:#90892f transparent}
.bubble-cyan{background:#8ad5da; background:-webkit-gradient(linear,0 0,0 100%,from(#8AD5DA),to(#21CEDA)); background:-moz-linear-gradient(#8AD5DA,#21CEDA); background:-o-linear-gradient(#8AD5DA,#21CEDA); background:linear-gradient(#8AD5DA,#21CEDA)}
.bubble-cyan:after{border-color:#21CEDA transparent}
.bubble-tan{background:#877e6e; background:-webkit-gradient(linear,0 0,0 100%,from(#877e6e),to(#87785E)); background:-moz-linear-gradient(#877e6e,#87785E); background:-o-linear-gradient(#877e6e,#87785E); background:linear-gradient(#877e6e,#87785E)}
.bubble-tan:after{border-color:#87785E transparent}
.bubble-yellow{background:#c8ab5e; background:-webkit-gradient(linear,0 0,0 100%,from(#c8ab5e),to(#C8A446)); background:-moz-linear-gradient(#c8ab5e,#C8A446); background:-o-linear-gradient(#c8ab5e,#C8A446); background:linear-gradient(#c8ab5e,#C8A446)}
.bubble-yellow:after{border-color:#C8A446 transparent}
.bubble-grey{background:#999; background:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#7A7A7A)); background:-moz-linear-gradient(#999,#7A7A7A); background:-o-linear-gradient(#999,#7A7A7A); background:linear-gradient(#999,#7A7A7A)}
.bubble-grey:after{border-color:#7A7A7A transparent}
.bubble-pink{background:#e03960; background:-webkit-gradient(linear,0 0,0 100%,from(#e03960),to(#b12d4c)); background:-moz-linear-gradient(#e03960,#b12d4c); background:-o-linear-gradient(#e03960,#b12d4c); background:linear-gradient(#e03960,#b12d4c)}
.bubble-pink:after{border-color:#b12d4c transparent}
/* ============================================================================================================================
== BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */
.blog-red, .blog-blue, .blog-green, .blog-cyan, .blog-tan, .blog-yellow, .blog-grey, .blog-pink{line-height:133%; margin-bottom:55px!important; position:relative; padding:30px !important; font-size:14px; color:#fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
.blog-red+p, .blog-blue+p, .blog-green+p, .blog-cyan+p, .blog-tan+p, .blog-yellow+p, .blog-grey+p,.blog-pink+p{margin:15px 0 2em 85px!important; font-style:italic}
.blog-red:after, .blog-blue:after, .blog-green:after, .blog-cyan:after, .blog-tan:after, .blog-yellow:after, .blog-grey:after, .blog-pink:after{content:""; position:absolute; bottom:-30px; left:50px; border-width:0 20px 30px 0px; border-style:solid;   display:block;  width:0}
.blog-red{background:#6C1D1E; background:-webkit-gradient(linear,0 0,0 100%,from(#6C1D1E),to(#590c0d)); background:-moz-linear-gradient(#6C1D1E,#590c0d); background:-o-linear-gradient(#6C1D1E,#590c0d); background:linear-gradient(#6C1D1E,590c0d)}
.blog-red:after{border-color:transparent #590c0d}
.blog-blue{background:#8296af; background:-webkit-gradient(linear,0 0,0 100%,from(#8296af),to(#587FAF)); background:-moz-linear-gradient(#8296af,#587FAF); background:-o-linear-gradient(#8296af,#587FAF); background:linear-gradient(#8296af,#587FAF)}
.blog-blue:after{border-color:transparent #587FAF}
.blog-green{background:#aba338; background:-webkit-gradient(linear,0 0,0 100%,from(#aba338),to(#90892f)); background:-moz-linear-gradient(#aba338,#90892f); background:-o-linear-gradient(#aba338,#90892f); background:linear-gradient(#aba338,#90892f)}
.blog-green:after{border-color:transparent #90892f}
.blog-tan{background:#877e6e; background:-webkit-gradient(linear,0 0,0 100%,from(#877e6e),to(#87785E)); background:-moz-linear-gradient(#877e6e,#87785E); background:-o-linear-gradient(#877e6e,#87785E); background:linear-gradient(#877e6e,#87785E)}
.blog-tan:after{border-color:transparent #87785E}
.blog-cyan{background:#8ad5da; background:-webkit-gradient(linear,0 0,0 100%,from(#8AD5DA),to(#21CEDA)); background:-moz-linear-gradient(#8AD5DA,#21CEDA); background:-o-linear-gradient(#8AD5DA,#21CEDA); background:linear-gradient(#8AD5DA,#21CEDA)}
.blog-cyan:after{border-color:transparent #21CEDA}
.blog-yellow{background:#c8ab5e; background:-webkit-gradient(linear,0 0,0 100%,from(#c8ab5e),to(#C8A446)); background:-moz-linear-gradient(#c8ab5e,#C8A446); background:-o-linear-gradient(#c8ab5e,#C8A446); background:linear-gradient(#c8ab5e,#C8A446)}
.blog-yellow:after{border-color:transparent #C8A446}
.blog-grey{background:#999; background:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#7A7A7A)); background:-moz-linear-gradient(#999,#7A7A7A); background:-o-linear-gradient(#999,#7A7A7A); background:linear-gradient(#999,#7A7A7A)}
.blog-grey:after{border-color:transparent #7A7A7A}
.blog-pink{background:#e03960; background:-webkit-gradient(linear,0 0,0 100%,from(#e03960),to(#b12d4c)); background:-moz-linear-gradient(#e03960,#b12d4c); background:-o-linear-gradient(#e03960,#b12d4c); background:linear-gradient(#e03960,#b12d4c)}
.blog-pink:after{border-color:transparent #b12d4c}
/* NUMBERED LARGE */

.numbered {
	position:relative;
	width:200px;
	height:200px;
	margin:50px 0 200px;
	text-align:center;
	font:140px/200px Arial, sans-serif;
	  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;

	background:#C91F2C;
}

/* creates the larger triangle */
.numbered:before {
	content:"";
	position:absolute;
	bottom:-100px;
	right:0;
	border-width:0 0 100px 85px;
	border-style:solid;
	border-color:transparent #C91F2C;
}

/* creates the larger triangle */
.numbered:after {
	content:"";
	position:absolute;
	bottom:-140px;
	right:85px; 
	border-width:0 0 140px 55px;
	border-style:solid;
}

/* NUMBERED MEDIUM */

.numbered-medium {
	position:relative;

	width:130px;
	height:130px;
	margin:50px 0 200px;
	text-align:center;
	font:80px/120px Arial, sans-serif;
	 color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
	background:#C91F2C;
}

/* creates the larger triangle */
.numbered-medium:before {
	content:"";
	position:absolute;
	bottom:-80px;
	right:0;
	border-width:0 0 80px 80px;
	border-style:solid;
	border-color:transparent #C91F2C;
}

/* creates the larger triangle */
.numbered-medium:after {
	content:"";
	position:absolute;
	bottom:-140px;
	right:85px; 
	border-width:0 0 140px 55px;
	border-style:solid;
}

/* NUMBER MEDIUM */

.numbered-small {
	position:relative;
	width:80px;
	height:80px;
	margin:50px 0 200px;
	text-align:center;
	font:50px/80px Arial, sans-serif;
	 color: #fff; color: rgba(255,255,255,0.75); text-shadow: -1px -1px 0px rgba(0,0,0,0.4) ; font-weight:bold;
	background:#C91F2C;
}

/* creates the larger triangle */
.numbered-small:before {
	content:"";
	position:absolute;
	bottom:-30px;
	right:0;
	border-width:0 0 30px 30px;
	border-style:solid;
	border-color:transparent #C91F2C;
}

/* creates the larger triangle */
.numbered-small:after {
	content:"";
	position:absolute;
	bottom:-10px;
	right:85px; 
	border-width:0 0 140px 55px;
	border-style:solid;
}










/*buttons*/
button:hover {
  cursor: pointer;
}

button::-moz-focus-inner {
  border:0;
}

/* minimal
*******************************************************************************/
button.minimal {
  background: #e3e3e3;
  border: 1px solid #bbb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 9px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 150px;
}

button.minimal:hover {
  background: #d9d9d9;
  -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
  -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
  box-shadow: inset 0 0 1px 1px #eaeaea;
  color: #222;
  cursor: pointer;
}

button.minimal:active {
  background: #d0d0d0;
  -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
  -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
  box-shadow: inset 0 0 1px 1px #e3e3e3;
  color: #000;
}



/* blue pill
*******************************************************************************/
button.blue-pill {
	background:#8296AF; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#8296AF), to(#587FAF));
	background:-moz-linear-gradient(#8296AF, #587FAF);
	background:-o-linear-gradient(#8296AF, #587FAF);
	background:linear-gradient(#8296AF, #587FAF);
  border-top: 1px solid #758fba;
  border-right: 1px solid #6c84ab;
  border-bottom: 1px solid #5c6f91;
  border-left: 1px solid #6c84ab;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 0 0 #aec3e5;
  -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
  box-shadow: inset 0 1px 0 0 #aec3e5;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  width: 150px;
}

button.blue-pill:hover {
	background:#587FAF; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#587FAF), to(#2E68AF));
	background:-moz-linear-gradient(#587FAF, #2E68AF);
	background:-o-linear-gradient(#587FAF, #2E68AF);
	background:linear-gradient(#587FAF, #2E68AF);
  border-top: 1px solid #6d86ad;
  border-right: 1px solid #647a9e;
  border-bottom: 1px solid #546685;
  border-left: 1px solid #647a9e;
  -moz-box-shadow: inset 0 1px 0 0 #a5b9d9;
  -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
  box-shadow: inset 0 1px 0 0 #a5b9d9;
  cursor: pointer;
}

button.blue-pill:active {
  border: 1px solid #546685;
  -moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
}

/* purple pill 
*******************************************************************************/
button.purple-pill {
  background: #a5b8da;
  background: -moz-linear-gradient(top, #a5b8da 0%, #7089b3 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b8da), to(#7089b3));
  border-top: 1px solid #758fba;
  border-right: 1px solid #6c84ab;
  border-bottom: 1px solid #5c6f91;
  border-left: 1px solid #6c84ab;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 0 0 #aec3e5;
  -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
  box-shadow: inset 0 1px 0 0 #aec3e5;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  width: 150px;
}

button.purple-pill:hover {
  background: #9badcc;
  background: -moz-linear-gradient(top, #9badcc 0%, #687fa6 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9badcc), to(#687fa6));
  border-top: 1px solid #6d86ad;
  border-right: 1px solid #647a9e;
  border-bottom: 1px solid #546685;
  border-left: 1px solid #647a9e;
  -moz-box-shadow: inset 0 1px 0 0 #a5b9d9;
  -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
  box-shadow: inset 0 1px 0 0 #a5b9d9;
  cursor: pointer;
}

button.purple-pill:active {
  border: 1px solid #546685;
  -moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
}

/* red pill 
*******************************************************************************/
button.red-pill {
	background:#6C1D1E; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#6C1D1E), to(#6C0001));
	background:-moz-linear-gradient(#6C1D1E, #6C0001);
	background:-o-linear-gradient(#6C1D1E, #6C0001);
	background:linear-gradient(#6C1D1E, #6C0001);
  border-top: 1px solid #6C0001;
  border-right: 1px solid #6C0001;
  border-bottom: 1px solid #6C1D1E;
  border-left: 1px solid #6C1D1E;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 0 0 #9C2A2C;
  -webkit-box-shadow: inset 0 1px 0 0 #9C2A2C;
  box-shadow: inset 0 1px 0 0 #9C2A2C;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  width: 150px;
}

button.red-pill:hover {
	background:#800002; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#800002), to(#6C2728));
	background:-moz-linear-gradient(#800002, #6C2728);
	background:-o-linear-gradient(#800002, #6C2728);
	background:linear-gradient(#800002, #6C2728);
  border-top: 1px solid #800002;
  border-right: 1px solid #800002;
  border-bottom: 1px solid #6C1D1E;
  border-left: 1px solid #6C1D1E;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 0 0 #9C2A2C;
  -webkit-box-shadow: inset 0 1px 0 0 #9C2A2C;
  box-shadow: inset 0 1px 0 0 #9C2A2C;
  cursor: pointer;
}

button.red-pill:active {
  border: 1px solid #546685;
  -moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
}
/* cyan pill 
*******************************************************************************/
button.cyan-pill {
  background: #8AD5DA;
  background: -moz-linear-gradient(top, #8AD5DA,#21CEDA);
  background: -webkit-gradient(linear, left top, left bottom, from(#8AD5DA), to(#21CEDA));
  border-top: 1px solid #21CEDA;
  border-right: 1px solid #21CEDA;
  border-bottom: 1px solid #8AD5DA;
  border-left: 1px solid #8AD5DA9;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 0 0 #21CEDA;
  -webkit-box-shadow: inset 0 1px 0 0 #21CEDA;
  box-shadow: inset 0 1px 0 0 #21CEDA;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  width: 150px;
}

button.cyan-pill:hover {
  background: #21CEDA;
  background: -moz-linear-gradient(top, #21CEDA,#00CCDA);
  background: -webkit-gradient(linear, left top, left bottom, from(#21CEDA), to(#00CCDA));
  border-top: 1px solid #00CCDA;
  border-right: 1px solid #00CCDA;
  border-bottom: 1px solid #21CEDA;
  border-left: 1px solid #21CEDA;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 0 0 #21CEDA;
  -webkit-box-shadow: inset 0 1px 0 0 #21CEDA;
  box-shadow: inset 0 1px 0 0 #21CEDA;
  cursor: pointer;
}

button.cyan-pill:active {
  background: #21CEDA;
  background: -moz-linear-gradient(top, #21CEDA,#00CCDA);
  background: -webkit-gradient(linear, left top, left bottom, from(#21CEDA), to(#00CCDA));
  border-top: 1px solid #00CCDA;
  border-right: 1px solid #00CCDA;
  border-bottom: 1px solid #21CEDA;
  border-left: 1px solid #21CEDA;
  -moz-box-shadow: inset 0 1px 0 0 #21CEDA;
  -webkit-box-shadow: inset 0 1px 0 0 #21CEDA;
  box-shadow: inset 0 1px 0 0 #21CEDA;
}
/* green pill 
*******************************************************************************/
button.green-pill {
  background: #7FC4C9;
  background: -moz-linear-gradient(top, #7FC4C9,#1FBDC9);
  background: -webkit-gradient(linear, left top, left bottom, from(#7FC4C9), to(#1FBDC9));
  border-top: 1px solid #7FC4C9;
  border-right: 1px solid #7FC4C9;
  border-bottom: 1px solid #1FBDC9;
  border-left: 1px solid #1FBDC9;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 0 0 #1FBDC9;
  -webkit-box-shadow: inset 0 1px 0 0 #1FBDC9;
  box-shadow: inset 0 1px 0 0 #aec3e5;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  width: 150px;
}

button.green-pill:hover {
  background: #1FBDC9;
  background: -moz-linear-gradient(top, #1FBDC9,#00BAC9);
  background: -webkit-gradient(linear, left top, left bottom, from(#1FBDC9), to(#00BAC9));
  border-top: 1px solid #7FC4C9;
  border-right: 1px solid #1FBDC9;
  border-bottom: 1px solid #00BAC9;
  border-left: 1px solid #00BAC9;
  -moz-box-shadow: inset 0 1px 0 0 #00BAC9;
  -webkit-box-shadow: inset 0 1px 0 0 #00BAC9;
  box-shadow: inset 0 1px 0 0 #00BAC9;
  cursor: pointer;
}

button.green-pill:active {
  background: #1FBDC9;
  background: -moz-linear-gradient(top, #1FBDC9,#00BAC9);
  background: -webkit-gradient(linear, left top, left bottom, from(#1FBDC9), to(#00BAC9));
  border-top: 1px solid #7FC4C9;
  border-right: 1px solid #1FBDC9;
  border-bottom: 1px solid #00BAC9;
  border-left: 1px solid #00BAC9;
  -moz-box-shadow: inset 0 1px 0 0 #00BAC9;
  -webkit-box-shadow: inset 0 1px 0 0 #00BAC9;
  box-shadow: inset 0 1px 0 0 #00BAC9;
}
/* tan pill 
*******************************************************************************/
button.tan-pill {
  background: #877E6E;
  background: -moz-linear-gradient(top, #877E6E,#87785E);
  background: -webkit-gradient(linear, left top, left bottom, from(#877E6E), to(#87785E));
  border-top: 1px solid #87785E;
  border-right: 1px solid #87785E;
  border-bottom: 1px solid #87785E;
  border-left: 1px solid #87785E;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 0 0 #87785E;
  -webkit-box-shadow: inset 0 1px 0 0 #87785E;
  box-shadow: inset 0 1px 0 0 #87785E;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  width: 150px;
}

button.tan-pill:hover {
  background: #87785E;
  background: -moz-linear-gradient(top, #87785E,#876C3E);
  background: -webkit-gradient(linear, left top, left bottom, from(#87785E), to(#876C3E));
  border-top: 1px solid #87785E;
  border-right: 1px solid #87785E;
  border-bottom: 1px solid #876C3E;
  border-left: 1px solid #876C3E;
  -moz-box-shadow: inset 0 1px 0 0 #876C3E;
  -webkit-box-shadow: inset 0 1px 0 0 #876C3E;
  box-shadow: inset 0 1px 0 0 #876C3E;
  cursor: pointer;
}

button.tan-pill:active {
  border: 1px solid #87785E;
  -moz-box-shadow: inset 0 1px 0 0 #876C3E;
  -webkit-box-shadow: inset 0 1px 0 0 #876C3E;
  box-shadow: inset 0 1px 0 0 #876C3E;
}

/* yellow pill 
*******************************************************************************/
button.yellow-pill {
  background: #C8A446;
  background: -moz-linear-gradient(top, #C8A446,#C89100);
  background: -webkit-gradient(linear, left top, left bottom, from(#C8A446), to(#C8910));
  border-top: 1px solid #C89100;
  border-right: 1px solid #C89100;
  border-bottom: 1px solid #C8A446;
  border-left: 1px solid #C8A446;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 0 0 #C89100;
  -webkit-box-shadow: inset 0 1px 0 0 #C89100;
  box-shadow: inset 0 1px 0 0 #C89100;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  width: 150px;
}

button.yellow-pill:hover {
  background: #C89100;
  background: -moz-linear-gradient(top, #C89100,#C8A900);
  background: -webkit-gradient(linear, left top, left bottom, from(#C8A446), to(#C8A900));
  border-top: 1px solid #C8A900;
  border-right: 1px solid #C8A900;
  border-bottom: 1px solid #C8A446;
  border-left: 1px solid #C8A446;
  -moz-box-shadow: inset 0 1px 0 0 #C8A446;
  -webkit-box-shadow: inset 0 1px 0 0 #C8A446;
  box-shadow: inset 0 1px 0 0 #C8A446;
  cursor: pointer;
}

button.yellow-pill:active {
  border: 1px solid #546685;
  -moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
}

/* grey pill 
*******************************************************************************/
button.grey-pill {
  background: #999999;
  background: -moz-linear-gradient(top, #999999 0%, #7A7A7A 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999999), color-stop(1, #7A7A7A));
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #7A7A7A;
  border-left: 1px solid #7A7A7A;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 0 0 #7A7A7A;
  -webkit-box-shadow: inset 0 1px 0 0 #7A7A7A;
  box-shadow: inset 0 1px 0 0 #7A7A7A;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  width: 150px;
}

button.grey-pill:hover {
  background: #7A7A7A;
  background: -moz-linear-gradient(top, #7A7A7A 0%, #6E6E6E 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7A7A7A), color-stop(1, #6E6E6E));
  border-top: 1px solid #6d86ad;
  border-right: 1px solid #647a9e;
  border-bottom: 1px solid #546685;
  border-left: 1px solid #647a9e;
  -moz-box-shadow: inset 0 1px 0 0 #999999;
  -webkit-box-shadow: inset 0 1px 0 0 #999999;
  box-shadow: inset 0 1px 0 0 #999999;
  cursor: pointer;
}

button.grey-pill:active {
  border: 1px solid #6E6E6E;
  -moz-box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee;
}

/* pink pill 
*******************************************************************************/
button.pink-pill {
background:#e03960; background:-webkit-gradient(linear,0 0,0 100%,from(#e03960),to(#b12d4c)); background:-moz-linear-gradient(#e03960,#b12d4c); background:-o-linear-gradient(#e03960,#b12d4c); background:linear-gradient(#e03960,#b12d4c);
  border-top: 1px solid #e03960;
  border-right: 1px solid #e03960;
  border-bottom: 1px solid #b12d4c;
  border-left: 1px solid #b12d4c;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 0 0 #7A7A7A;
  -webkit-box-shadow: inset 0 1px 0 0 #7A7A7A;
  box-shadow: inset 0 1px 0 0 #7A7A7A;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  width: 150px;
}

button.pink-pill:hover {
  background: #7A7A7A;
background:#e03960; background:-webkit-gradient(linear,0 0,0 100%,from(#e03960),to(#b12d4c)); background:-moz-linear-gradient(#e03960,#b12d4c); background:-o-linear-gradient(#e03960,#b12d4c); background:linear-gradient(#e03960,#b12d4c);
  border-top: 1px solid #6d86ad;
  border-right: 1px solid #647a9e;
  border-bottom: 1px solid #546685;
  border-left: 1px solid #647a9e;
  -moz-box-shadow: inset 0 1px 0 0 #999999;
  -webkit-box-shadow: inset 0 1px 0 0 #999999;
  box-shadow: inset 0 1px 0 0 #999999;
  cursor: pointer;
}

button.pink-pill:active {
  border: 1px solid #6E6E6E;
  -moz-box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee;
}

/* blue 
*******************************************************************************/
button.blue {
	background:#8296AF; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#8296AF), to(#587FAF));
	background:-moz-linear-gradient(#8296AF, #587FAF);
	background:-o-linear-gradient(#8296AF, #587FAF);
	background:linear-gradient(#8296AF, #587FAF);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #2c4d93;
  width: 150px;
  -webkit-background-clip: padding-box;
}

button.blue:hover {
	background:#587FAF; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#587FAF), to(#2E68AF));
	background:-moz-linear-gradient(#587FAF, #2E68AF);
	background:-o-linear-gradient(#587FAF, #2E68AF);
	background:linear-gradient(#587FAF, #2E68AF);
  -webkit-background-clip: padding-box;
  cursor: pointer;
}

button.blue:active {
  background: #1a4aab;
  background: -moz-radial-gradient(50% 31% 0deg,circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)),
              -moz-linear-gradient(top, #5c78b5 0%, #2b57ad 50%, #1a4aab 50%, #1b4bab 100%);
  background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))),
              -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #5c78b5), color-stop(0.5, #2b57ad), color-stop(0.5, #1a4aab), color-stop(1, #1b4bab));
  
  -webkit-background-clip: padding-box;
}

/* purple 
*******************************************************************************/
button.purple {
  background: #6021de;
  background: -moz-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #9e76e8), color-stop(0.5, #7038e0), color-stop(0.5, #6021de), color-stop(1, #6224de));
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #473569;
  width: 150px;
  -webkit-background-clip: padding-box;
}

button.purple:hover {
  background: #551dc4;
  background: -moz-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #8d69cf), color-stop(0.5, #6332c7), color-stop(0.5, #551dc4), color-stop(1, #561fc4));
  -webkit-background-clip: padding-box;
  cursor: pointer;
}

button.purple:active {
  background: #4a1aab;
  background: -moz-radial-gradient(50% 31% 0deg,circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)),
              -moz-linear-gradient(top, #7b5cb5 0%, #572bad 50%, #4a1aab 50%, #4b1bab 100%);
  background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))),
              -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab));
  
  -webkit-background-clip: padding-box;
}
/* cyan
*******************************************************************************/
button.cyan {
  background: #8AD5DA;
  background: -moz-linear-gradient(top, #8AD5DA,#21CEDA);
  background: -webkit-gradient(linear, left top, left bottom, from(#8AD5DA), to(#21CEDA));
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #473569;
  width: 150px;
  -webkit-background-clip: padding-box;
}

button.cyan:hover {
  background: #21CEDA;
  background: -moz-linear-gradient(top, #21CEDA,#00CCDA);
  background: -webkit-gradient(linear, left top, left bottom, from(#21CEDA), to(#00CCDA));
  -webkit-background-clip: padding-box;
  cursor: pointer;
}

button.cyan:active {
  background: #21CEDA;
  background: -moz-linear-gradient(top, #21CEDA,#00CCDA);
  background: -webkit-gradient(linear, left top, left bottom, from(#21CEDA), to(#00CCDA));
  
  -webkit-background-clip: padding-box;
}
/* green 
*******************************************************************************/
button.green {
  background: #7FC4C9;
  background: -moz-linear-gradient(top, #7FC4C9,#1FBDC9);
  background: -webkit-gradient(linear, left top, left bottom, from(#7FC4C9), to(#1FBDC9));
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #473569;
  width: 150px;
  -webkit-background-clip: padding-box;
}

button.green:hover {
  background: #1FBDC9;
  background: -moz-linear-gradient(top, #1FBDC9,#00BAC9);
  background: -webkit-gradient(linear, left top, left bottom, from(#1FBDC9), to(#00BAC9));
  -webkit-background-clip: padding-box;
  cursor: pointer;
}

button.green:active {
  background: #1FBDC9;
  background: -moz-linear-gradient(top, #1FBDC9,#00BAC9);
  background: -webkit-gradient(linear, left top, left bottom, from(#1FBDC9), to(#00BAC9));
  
  -webkit-background-clip: padding-box;
}

/* red 
*******************************************************************************/
button.red {
  background: #6C1D1E;
  background: -moz-linear-gradient(top, #6C1D1E,#6C0001);
  background: -webkit-gradient(linear, left top, left bottom, from(#6C1D1E), to(#6C0001));
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #473569;
  width: 150px;
  -webkit-background-clip: padding-box;
}

button.red:hover {
  background: #6C0001;
  background: -moz-linear-gradient(top, #6C0001,#6C2728);
  background: -webkit-gradient(linear, left top, left bottom, from(#6C0001), to(#6C2728));
  -webkit-background-clip: padding-box;
  cursor: pointer;
}

button.red:active {
  background: #6C0001;
  background: -moz-linear-gradient(top, #6C0001,#6C2728);
  background: -webkit-gradient(linear, left top, left bottom, from(#6C0001), to(#6C2728));
  
  -webkit-background-clip: padding-box;
}


/* tan 
*******************************************************************************/
button.tan {
  background: #877E6E;
  background: -moz-linear-gradient(top, #877E6E,#87785E);
  background: -webkit-gradient(linear, left top, left bottom, from(#877E6E), to(#87785E));
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #473569;
  width: 150px;
  -webkit-background-clip: padding-box;
}

button.tan:hover {
  background: #87785E;
  background: -moz-linear-gradient(top, #87785E,#876C3E);
  background: -webkit-gradient(linear, left top, left bottom, from(#87785E), to(#876C3E));
  -webkit-background-clip: padding-box;
  cursor: pointer;
}

button.tan:active {
  background: #4a1aab;
  background: -moz-radial-gradient(50% 31% 0deg,circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)),
              -moz-linear-gradient(top, #7b5cb5 0%, #572bad 50%, #4a1aab 50%, #4b1bab 100%);
  background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))),
              -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab));
  
  -webkit-background-clip: padding-box;
}

/* yellow 
*******************************************************************************/
button.yellow {
  background: #C8AB5E;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #473569;
  width: 150px;
  -webkit-background-clip: padding-box;
}

button.yellow:hover {
  background: #C8A446;
  background: -moz-linear-gradient(top, #C8A446 0%, #C89100 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #C8A446), color-stop(1, #C89100));
  -webkit-background-clip: padding-box;
  cursor: pointer;
}

button.yellow:active {
  background: #C8A446;
  background: -moz-linear-gradient(top, #C8A446 0%, #C89100 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #C8A446), color-stop(1, #C89100));
  
  -webkit-background-clip: padding-box;
}

/* grey 
*******************************************************************************/
button.grey {
  background: #999999;
  background: -moz-linear-gradient(top, #999999 0%, #7A7A7A 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999999), color-stop(1, #7A7A7A));
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #473569;
  width: 150px;
  -webkit-background-clip: padding-box;
}

button.grey:hover {
  background: #7A7A7A;
  background: -moz-linear-gradient(top, #7A7A7A 0%, #6E6E6E 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7A7A7A), color-stop(1, #6E6E6E));
  -webkit-background-clip: padding-box;
  cursor: pointer;
}

button.grey:active {
  background: #7A7A7A;
  background: -moz-linear-gradient(top, #7A7A7A 0%, #6E6E6E 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7A7A7A), color-stop(1, #6E6E6E));
  
  -webkit-background-clip: padding-box;
}


/* pink
*******************************************************************************/
button.pink {
background:#e03960; background:-webkit-gradient(linear,0 0,0 100%,from(#e03960),to(#b12d4c)); background:-moz-linear-gradient(#e03960,#b12d4c); background:-o-linear-gradient(#e03960,#b12d4c); background:linear-gradient(#e03960,#b12d4c);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #473569;
  width: 150px;
  -webkit-background-clip: padding-box;
}

button.pink:hover {
  background: #551dc4;
  background: -moz-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #8d69cf), color-stop(0.5, #6332c7), color-stop(0.5, #551dc4), color-stop(1, #561fc4));
  -webkit-background-clip: padding-box;
  cursor: pointer;
}

button.pink:active {
  background: #4a1aab;
  background: -moz-radial-gradient(50% 31% 0deg,circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)),
              -moz-linear-gradient(top, #7b5cb5 0%, #572bad 50%, #4a1aab 50%, #4b1bab 100%);
  background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))),
              -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab));
  
  -webkit-background-clip: padding-box;
}



/* disabled button styles
   works with this markup: <button disabled="disabled">Submit</button>
*******************************************************************************/
button[disabled],
button[disabled]:hover,
button[disabled]:active {
  background: #999;
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #aaa;
  cursor: not-allowed;
  text-shadow: none;
}
ul.column li{
	margin:0 0 30px 0;
	text-align:center;
}
.grayhover1{padding: 12px;}
td {
    font-size:100%;
}
th {

    font-weight:bold;
    padding:5px;
    text-align:left;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size:80%;
	color:#F06;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
del {
    text-decoration: line-through;
}
span{
   
}
small {
	font-size: 8px;
}

pre{
    border-left:3px solid #999999;
    font:1em/1.5 "Courier News",monospace;
    margin:5px 0 15px;
    padding:10px 15px;
	background:#efefef;
}
ol { 
    list-style-type: upper-roman; 
}
hr {
    border-color:#EDEDED;
    border-style:solid;
    border-width:1px 0 0;
    height:1px;
	margin:2px 0;
}
fieldset{ 
    border:0px solid #999;

}

legend {
    padding:0 0 10px 0;
    border:0px solid #333;
    color:#aaa;
    font-size:24px;
    text-align:right;
 }
abbr[title] {
    border-bottom:1px dashed #999;
    cursor:help;
}
/*acronym {
    background-color:#FFFFDD;
    border:0.08em solid #AAAAAA;
    padding:0 3px;
    text-decoration:none;
}*/
big{
	font-size:150%;
}
button{
	border:none;
	padding:4px;
	font-size:12px;
	color:#fff;
}
center{
	text-align: center;
}
em{
	font-style:normal;
}
/* UL LI's */
ul {
    list-style-image:none;
}
ul li {
    padding:3px 0 3px 10px;
}
ul.list1 li {
    background: url(http://cogito.com.ua/templates/appwerks/images/bullet.gif) no-repeat 18px 12px;
    line-height: 133% !important;
    padding: 7px 0 7px 40px !important;
}
ol {margin-left:25px;}
ol li {list-style-type:decimal;background:none;margin:0 0 0 30px;padding:0;}
a{font-size:12;font-family:;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
/* ----------------------------------------------*/
/* Font-face specific parameter, update in template parameters if needed.
/* ----------------------------------------------*/
.module h3 span.rest,h1.title,div.joomla p.articleinfo span.modified, div.joomla p.articleinfo span.author, div.joomla p.articleinfo span.created, div.joomla p.articleinfo span.url, .iteminfo,h3.platformtitle,.h4,.h5,div.joomla div.pagination a,div.joomla div.pagination,.partners span,.pagination,.morearticles, .intro_1,#Kunena span, #Kunena ul li, #Kunena ul li a,#Kunena h1 a:link, #Kunena h1 a:active, #Kunena h1 a:visited, #Kunena h1, #Kunena h2, #Kunena h2 a, #Kunena span.kchildcount, #Kunena div.kcc-childcat-title,input.kbutton, .intro_1_1, .morearticles,#form-login-username label,#form-login-password label,.user legend,#acymodifyform legend, h3, #right h3.teamtitle {
    font-family: "FuturaLtBTLight", Arial, Helvetica,sans-serif; 
	font-weight:normal;
	letter-spacing: 0;
}
/* ----------------------------------------------*/
/* Font-face specific parameter, update in template parameters if needed.
/* ----------------------------------------------*/
.module h3 span.first_word, .intro_2,  .intro_2_1, .day {
    font-family: "FuturaMdBTBold", Arial, Helvetica,sans-serif; 
	font-weight:normal;
	
}
/* ----------------------------------------------*/
/* Font-face specific parameter, update in template parameters if needed.
/* ----------------------------------------------*/
.pagetitle span, h1, .contentheading, h2, h3.teamtitle, a.acymailing_togglemodule {
    font-family: "FuturaMdBTMedium", Arial, Helvetica,sans-serif; 
	font-weight:normal;
	
}