/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}h1,h2,h3{margin:1em 0}h1,h2,h3,h4,h5,h6,strong{font-weight:bold}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}blockquote,ul,ol,dl{margin:1em}ol,ul,dl{margin-left:2em}ol{list-style:decimal outside}ul{list-style:disc outside}dd{margin-left:1em}th,td{border:1px solid #000;padding:.5em}th{font-weight:bold;text-align:center}caption{margin-bottom:.5em;text-align:center}p,fieldset,table,pre{margin-bottom:1em}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em}#yui3-css-stamp.cssbase{display:none}

/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}

/* * * * * * * * START OF GENERAL STUFF * * * * * * * */

/* RESET */
html, body {margin: 0; padding: 0}
img {border: 0}
td, th {border: 0}
p {margin-top: 0}

.hide {position: absolute; left: -20000px}
.top-pad {padding-top: 2em}
.bottom-margin {margin-bottom: 2em}
.top-pad:first-child {margin-top: 0};
.bottom-margin:last-child {margin-bottom: 0};
.clear {clear: both}

.noformat {
    border: 0;
    padding: 0;
    background: none;
}

/* FONTS AND TEXT */
.lower {text-transform: lowercase}
.upper {text-transform: uppercase}
.capitalise {text-transform:capitalize}
.em, .emphasis {font-style: italic}

.right {text-align: right}
.centre {text-align: center}
.left {text-align: left;}

.vertical-middle {
    vertical-align: middle
}

.small {font-size: 0.85em}
.verysmall {font-size: 0.7em}
.strong {font-weight: bold}

/* PARAGRAPHS */
p.lead {font-weight: bold;}

/* LISTS */
ul.inline {margin: 1em 0em; padding: 0}
ul.inline>li {list-style: none; padding: 0px 5px; display: inline-block; *display: inline; zoom: 1}
ul.inline>li.first, ul.inline>li:first-child {padding-left: 0}
ul.inline>li.last, ul.inline>li:last-child {padding-right: 0}

ul.twocol>li {width: 49%; margin-right: 1%}
ul.twocol>li:first-of-type {margin-right: 2%}
ul.twocol>li:last-of-type {margin-right: 0}

ul.plain {margin: 1em 0em; padding: 0em}
ul.plain ul {margin-left: 2em}
ul.plain li {list-style: none; margin: 0.3em 0em; padding: 0}

ul.seperator>li:after {content: "|"; padding-left: 10px}
ul.seperator>li:last-child:after {content: ""; padding-left: 0 }

ul.sortable li {cursor: move; padding: 0.3em 0em}

ul.inprogress {background: url(images/loading.gif) no-repeat 100% 0%}

/* IMAGES */
img.stretch {min-width: 100%}

/* GRID */
.grid  {overflow: hidden; width: 100%;}

div.grid>div {
    padding-left: 0%;
    padding-right: 1.7%;
    float: left;
}

div.grid>div.span1 { width: 6.775%; }
div.grid>div.span2 { width: 15.25%; }
div.grid>div.span3 { width: 23.725%; }
div.grid>div.span4 { width: 32.2%; }
div.grid>div.span5 { width: 40.675%; }
div.grid>div.span6 { width: 49.15%; }
div.grid>div.span7 { width: 57.625%; }
div.grid>div.span8 { width: 66.1% }
div.grid>div.span9 { width: 74.575% }
div.grid>div.span10 { width: 83.05% }
div.grid>div.span11 { width: 91.525% }
div.grid>div.span12 { width: 100% }

.grid>div:last-child {padding-right: 0%}

.grid>div>*:first-child, .clear-top>*:first-child, .band>*:first-child {
    margin-top: 0;
}

.band>*:last-child {
    margin-bottom: 0;
}

.grid img {max-width: 100%; max-height: 100%}


/* BACKGROUNDS */
.white85 {background: url(85perwhite2.png)}
.white70 {background: url(70perwhite2.png)}
.white100 {background: #fff}
.black70 {background: url(70perblack.png)}
.black100 {background: #000}
.black85 {background: url(85perblack.png)}
.black55 {background: url(55perblack.png)}

/* BORDERS */
.hr {border-bottom: 2px solid #000000; padding-bottom: 10px; margin-bottom: 10px}
.divider, .divider-right {border-right: 2px solid #000000; padding-right: 10px; margin-right: 10px; overflow: hidden;}
.divider-left {border-left: 2px solid #000000; padding-left: 10px; margin-left: 10px; overflow: hidden}

.divider, .divider-left, .divider-right, .border-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* CONTAINERS */
.container { margin: 0px auto; padding: 0 10px 0 10px; max-width: 1180px}

.float-right {float: right; margin: 0 0 1em 1.5em}

.float-left {float: left; margin: 0 1.5em 1em 0em}

.absolute { position: absolute; top: 0; bottom: 0 }

.overflow {overflow: hidden}

.relative { position: relative}

/* TABLES */
table {margin: 1em 0em}
th, td {text-align: left; padding: 0.2em 0.7em 0.2em 0em}
table.top td, table.top th {vertical-align: top}

/* BUTTONS */
.btn, .button {text-decoration: none; color: #232323; padding: 5px 10px; display: inline-block; *display: inline; zoom: 1; border: 1px solid #565656; border-radius: 5px}
a.btn:hover, a.button:hover {text-decoration: none;}

div.success, div.error, div.notice {border-radius: 5px; -webkit-border-radius:5px;-moz-border-radius:5px;padding: 8px;color: white;font-size: 13px;margin-bottom: 15px;font-weight: bold;}
div.success {background: #659037;
background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#8bb85a), to(#659037));
 background-image: -moz-linear-gradient(90deg, #8bb85a, #659037);
 text-shadow: #436540 0 1px 0;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8bb85a', EndColorStr='#659037');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8bb85a', EndColorStr='#659037')";
}
div.error {background: #a3141e;
background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#cd1f2c), to(#a3141e));
background-image: -moz-linear-gradient(90deg, #cd1f2c, #a3141e);
text-shadow: #436540 0 1px 0;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#cd1f2c', EndColorStr='#a3141e');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cd1f2c', EndColorStr='#a3141e')";
    }
div.notice {background: #e88d1b;
background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#f18025), to(#da6201));
background-image: -moz-linear-gradient(90deg, #f18025, #da6201);
text-shadow: #436540 0 1px 0;
  }

div.error p, div.success p, div.notice p {margin: 0em; color: #fff !important}

/* CURSORS */
.cursor-pointer {cursor: pointer}
.cursor-help {cursor: help}
.cursor-move {cursor: move}


/* ADMIN STYLES */
.tools {position: relative; z-index: 999}

.youtube {
    display: block;
    position: relative;
}

.youtube .control {
    position: absolute;
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    line-height: 100%
}

.youtube .control i {
    font-size: 3em;
    background: url(70perblack.png);
    padding: 0 20px;
    color: #fff;
    border-radius: 3px;
}
