/* TYPO */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	direction:ltr;
    line-height:130%;margin:0;padding:0;height: 100%;width: 100%;
}
div,span,p,li,h1,h2,h3,h4,h5,h6,a,td,th,table{
      font-family:Arial, Helvetica, sans-serif!important;
}
/** {padding:0;margin:0;}*/
/*Content and Component Headings */
.contentheading {
	font-family:Arial;
	font-size:30px;
	line-height:90%;
	font-weight: bold;
	letter-spacing: -2px;
}
.componentheading,.article h1.title {
	font-family: Arial;
	font-size:30px;
	line-height:90%;
	font-weight:bold;
	letter-spacing:-2px;
	padding:0 26px 12px 26px;
}
.component h2 {
	letter-spacing:-2px;
}

.module h3 span.first_word, .module h3 span.rest,#vmMainPage h2,#vmMainPage h3,.hwd-xtc h3,.hwd-vwrap3 h3, .hwd-vwrap2 h3, .hwd-vwrap1 h3,#hwdmodule-mainvideocomment h2,#hwdmodule-recentvideo h2,.sic-container h3,#community-wrap .cModule h3,.cModule-xtc h3,div.groupBox div.listtitle a,body #community-wrap .infoGroupTitle,#hwdmodule-featurevideo h2, 
#hwdmodule-mostviewvideo h2, 
#hwdmodule-mostpopularvideo h2,
#hwdmodule-watchvideo h2, 
#hwdmodule-recentvideo h2, 
#hwdmodule-vwrap1 h2,
#hwdmodule-mainvideocomment h2,
.hwd-vwrap3 h3, 
.hwd-vwrap2 h3, 
.hwd-vwrap1 h3,
.sic-container h3,
#hwdmodule-mostviewvideo .hwd-titlebar,
#hwdmodule-mostfavourvideo .hwd-titlebar,
#hwdmodule-mostpopularvideo .hwd-titlebar,
#hwdmodule-mainvideocomment .hwd-titlebar,
#cWindow #cwin_logo,
.communitytitle,
.ctitle,
.cRows li a,
.app-box-title,
#community-wrap .profile-details .title
{
	font-size:14px!important;text-transform:uppercase!important;letter-spacing: 0 !important;font-weight:bold;
}
div.groupBox div.listtitle a{
	font-weight:bold;}
/* ----------------------------------------------*/

/* TYPOGRAPHY
/* ----------------------------------------------*/
div.joomla p {
    margin: 1em 0; line-height:140%;
}
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;
}
h1 {font-size:30px; letter-spacing: -2px; line-height:100%; padding:0; }
h2 { font-size:24px; letter-spacing: -1px; line-height:100%; font-weight:normal;}
h3 { font-size:32px;}
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://varejonatv.com.br/templates/videodrome/images/typo/openquote.gif) no-repeat 0 0;border:none;padding: 0 0 0 6px;text-align:justify;}
blockquote.opensmall p {background: url(http://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/images/typo/oquote_lg.png) no-repeat 0 0;border:none;padding:0 25px 0 0;text-align:justify;}
blockquote.openlarge p {background: url(http://varejonatv.com.br/templates/videodrome/images/typo/equote_lg.png) no-repeat 100% 100%;padding: 10px 50px 10px 50px;font: 28px Arial;line-height: 28px;color:#777;}

/* Code */
.code {background: #F4F4F4;font: 1em/1.5 "Tahoma", monospace;	margin: 5px 0 15px;	padding: 10px 15px;	color: #333333;}
/* Error */
p.error {padding-left: 25px;color: #f10033;	background: url('http://varejonatv.com.br/templates/videodrome/images/typo/error.gif') no-repeat top left; margin:0 0 16px 0 !important; }
/* Message */
p.message {color: #006699;background: url('http://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/images/typo/lightbulb.gif') no-repeat top left; }
/* Highlight */
.highlight {padding: 12px;background: #FFFFCC;color: #333333;}
/* Download */
p.download {background: url('http://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/images/typo/calendar-grey.png') no-repeat 0 3px;margin-left: 15px;	padding: 0 0 5px 30px;}

/* Note */
.note {	background: url('http://varejonatv.com.br/templates/videodrome/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://varejonatv.com.br/templates/videodrome/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 100px;
	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{
	line-height:133%;
   
}
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:#242424;
    border-style:solid;
    border-width:1px 0 0;
    height:1px;
	margin:2px 0;
}
fieldset{ 
    border:0px solid #999;
}

legend {
    padding: 0.2em 0.5em;
    border:0px solid #333;
    color:#aaa;
    font-size:90%;
    text-align:left;
 }
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:5px 14px;
	font-size:12px;
}
center{
	text-align: center;
}
em{
	font-style:normal;
}
/* UL LI's */
ul {
    list-style-image:none;
}
ul li {
    line-height: 180%;
    padding-left: 30px;
}
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;
}

.squaregrey {background: url('http://varejonatv.com.br/templates/videodrome/images/typo/roundgrey.png') no-repeat 0 2px; padding-left: 40px !important; font-size:24px !important; margin-top:24px !important; border-bottom:1px solid #cccccc;}