/* Minification failed. Returning unminified contents.
(395,1): run-time error CSS1019: Unexpected token, found '@import'
(395,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Open+Sans:400,700)'
(395,70): run-time error CSS1019: Unexpected token, found ';'
 */
/* html5reset.css - 01/11/2011 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000; 
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration:  line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}
/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(/Images/Management/lightbox/close.png) url(/Images/Management/lightbox/loading.gif) url(/Images/Management/lightbox/prev.png) url(/Images/Management/lightbox/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 99999999;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/Images/Management/lightbox/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(/Images/Management/lightbox/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(/Images/Management/lightbox/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/Images/Management/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal {
    visibility: hidden;
    top: 170px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    background: #eee url(modal-gloss.png) no-repeat -200px -80px;
    position: fixed;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    max-height: 500px;
    overflow-y: auto;
}

    .reveal-modal.small {
        width: 200px;
        margin-left: -140px;
    }

    .reveal-modal.medium {
        width: 400px;
        margin-left: -240px;
    }

    .reveal-modal.large {
        width: 600px;
        margin-left: -340px;
    }

    .reveal-modal.xlarge {
        width: 800px;
        margin-left: -440px;
    }

    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: 8px;
        right: 11px;
        color: #aaa;
        text-shadow: 0 -1px 1px rbga(0,0,0,.6);
        font-weight: bold;
        cursor: pointer;
    }
/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/

body {
}

.fr {
    float: right;
}

.fl {
    float: left;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    color: #626262;
    text-align: justify;
    line-height: 170%;
    font-size: 13px;
}

.alert {
    position: relative;
    font-size: 18px;
    padding: 10px;
    border-radius: 5px;
}

.alert-success {
    background-color: #bede9c;
    color: #51a351;
}

.alert-error {
    background-color: #f8b9b7;
    color: #e9322d;
}

#pageContainer ol, #pageContainer ul {
    margin-left: 40px;
    padding: 15px 0;
}

#pageContainer h1,
#pageContainer h2,
#pageContainer h3,
#pageContainer h4,
#pageContainer h5,
#pageContainer h6 {
    margin: 25px 0;
}

#pageContainer p {
    margin: 15px 0;
}

#main {
    margin: 0 auto;
    width: 1024px;
}

#content {
    width: 1000px;
    height: 555px;
    overflow: hidden;
    border: 1px #999 solid;
    float: left;
}

#header {
    float: left;
    width: 1014px;
    font-size: 16px;
    font-weight: normal;
    padding: 20px 5px 5px 5px;
    height: 68px;
    color: #999;
}

#headerTitle {
    font-size: 40px !important;
    text-transform: uppercase;
}

#sideBar {
    padding: 0px 0 10px 0px;
    font-size: 12px;
    border-right: 1px #999 solid;
    float: left;
    width: 200px;
    height: 100%;
    text-align: right;
    font-family: Segoe UI !important;
}

    #sideBar ul {
        list-style: none;
        padding: 0;
    }

        #sideBar ul li {
            text-align: right;
            line-height: normal;
            margin: 8px 0px 7px 7px;
            cursor: pointer;
            position: relative;
        }

            #sideBar ul li a {
                display: block;
                padding-right: 10px;
                text-align: right;
                color: #999;
                font-size: 12px;
                text-decoration: none;
            }

                #sideBar ul li a:hover {
                    color: Black;
                }

#page {
    border: none;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

#pageContainer {
    float: left;
    width: 759px;
    height: 535px;
    position: relative;
    padding: 10px 20px;
    text-align: justify;
    overflow: auto;
}

.sliding-wrapper {
    width: auto;
    height: auto;
    overflow: hidden;
}

#sideBar ul li ul {
    position: absolute;
    left: 193px;
    top: -6px;
    z-index: 99;
    width: 0px;
    text-align: left !important;
    padding: 0px !important;
}

    #sideBar ul li ul li {
        text-align: left !important;
        line-height: 140%;
        border-bottom: 1px #999 solid;
        border-right: 1px #999 solid;
        padding: 0px !important;
        margin: 0px !important;
        display: none;
        background-color: White;
    }

        #sideBar ul li ul li:first-child {
            border-right: 1px #999 solid;
            border-top: 1px #999 solid;
        }


        #sideBar ul li ul li a {
            text-align: left !important;
            color: #999;
            font-size: 12px;
            text-decoration: none;
            text-transform: uppercase;
            display: block;
            padding: 5px;
        }

            #sideBar ul li ul li a:hover {
                color: Black;
            }

#footer {
    display: block;
    width: 1003px;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 0;
    color: #626262;
    float: left;
}

    #footer span {
        display: inline-block;
    }

    #footer a {
        color: #aaa;
        text-decoration: none;
    }

        #footer a:hover {
            color: #0094ff;
        }

.btnSend {
    -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background: -moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color: #79bbff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: SansataionRegular;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #528ecc;
    width: 120px;
}

.gallery {
    width: 100%;
    overflow: hidden;
}

    .gallery ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .gallery ul li {
            display: inline-block;
            position: relative;
        }

            .gallery ul li button {
                position: absolute;
                bottom: 0;
                right: 0;
                display: none;
            }

            .gallery ul li:hover button {
                display: block;
            }

    .gallery .thumbnail {
        float: left;
        padding: 5px;
        border-radius: 5px;
        border: 1px solid #aaa;
        margin: 5px;
        position: relative;
        background-color: white;
        height: 100px;
        width: 150px;
    }

        .gallery .thumbnail img {
            width: 150px;
            height: 100px;
        }