/* 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(https://www.berek.hr/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(https://www.berek.hr/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(https://www.berek.hr/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(https://www.berek.hr/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('https://www.berek.hr/templates/videodrome/images/typo/error.gif') no-repeat top left; margin:0 0 16px 0 !important; }

/* Message */

p.message {color: #006699;background: url('https://www.berek.hr/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('https://www.berek.hr/templates/videodrome/images/typo/lightbulb.gif') no-repeat top left; }

/* Highlight */

.highlight {padding: 12px;background: #FFFFCC;color: #333333;}

/* Download */

p.download {background: url('https://www.berek.hr/templates/videodrome/images/typo/download.gif') no-repeat 5px center;	padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:0px;}

p.arrow {background: url('https://www.berek.hr/templates/videodrome/images/typo/next-grey.png') no-repeat 5px center;	padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
/* Astrix */

p.astrix {background: url('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/templates/videodrome/images/typo/next-grey.png') no-repeat 0 3px;margin-left: 15px;	padding: 0 0 5px 30px;}

ul.downloadlist {list-style: none;}

ul.downloadlist li {background: url('https://www.berek.hr/templates/videodrome/images/typo/download.gif') 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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/templates/videodrome/images/typo/calendar-grey.png') no-repeat 0 3px;margin-left: 15px;	padding: 0 0 5px 30px;}

li.arrowlist {
    background: url('http://localhost/xtc.videodrome/templates/videodrome/images/typo/next-grey.png') no-repeat 0 3px;
    margin-left: 15px;
    padding: 0 0 5px 30px;
}

li.download {
    background: url('http://localhost/xtc.videodrome/templates/videodrome/images/typo/download.gif') no-repeat 5px center;
    padding-left: 35px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}



/* Note */

.note {	background: url('https://www.berek.hr/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('https://www.berek.hr/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('https://www.berek.hr/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;}