.testTable td{
    font-size : 14px;
}



span.container-bottom {
    clear: both;
    display: block;
}

a.button {
    display: inline;
    text-decoration: none;
    padding: 6px 12px;
    border: 1px solid #ddd;
    color: #444;
}

a.button:hover {
    text-decoration: underline;
}

.rounded-4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.caLoggedIn {
    min-height: 40px;
}

.flexslider .slides img {
    width: auto;
}

div.flexslider-wrapper {
    position: relative;
    border-top: 1px solid #9AC8E6;
	margin-top: -1px;
}

div.flexslider {
    width: 400px;
    margin: 0;
}

div.flexslider ul.slides > li {
    min-height: 400px;
    width: 400px;
}

div.flexslider ul.slides > li .text-slide {
    margin: 10px;
    min-height: 300px;
}

div.map-widget {
    position: relative;
    min-height: 340px;
    width: 395px;
    border: 1px solid #ddd;
}

.map-widget .infoWindow {
    font-size: 10pt;
    width: 200px;
    min-height: 50px;
    padding: 10px;
    line-height: 1.4em;
    float: left;
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE 5-7 */
    filter: alpha(opacity=95); /* IE8 */
}

.map-widget .infoBox {
    max-height: 300px;
    overflow-y: auto;
    background-color: #FFFFFF;
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE 5-7 */
    filter: alpha(opacity=95); /* IE8 */
    width: 240px;
    border: 1px solid #CCCCCC;
}

.map-widget .infoWindow .link {
    color: blue;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    display: block;
}

.map-widget .infoWindow .link:hover {
    text-decoration: underline;
}

#schoolContent .map-widget .addr-data {
    margin-top: 10px;
}

.flip-container {
    position: relative;
    width: 220px;
    height: 220px;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}

.flip-container, .front, .back {
    width: 400px;
    max-width: 400px;
    height: 500px;
}

.flipper {

    position: relative;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.front, .back {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;

    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;

    position: absolute;
    top: 0;
    left: 0;
}

/* hidden back */
.back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

/* hidden front */
.flip-container.hover .front {
    z-index: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-container.flipped .front .map-widget {
    display: none;
}

.flip-container .back .map-widget {
    display: none;
}

.flip-container.flipped .back .map-widget {
    display: block;
}

.front {
    z-index: 1;
}

#schoolContent .multi-slide-widget {
    max-width: 410px;
    float: left;
}

.multi-slide-widget .left-nav {
    float: none;
    max-width:400px;
}

.multi-slide-widget .left-nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.multi-slide-widget .left-nav ul li {
    display: inline-block;
    padding: 5px 7px;
    max-width: 200px;
    background-color: #FAFDFF;
    border: 1px dotted #B8B8B8;
    border-radius: 5px 5px 0 0;
	margin-right: 2px;
}

/*
.multi-slide-widget .left-nav ul li:first-child {
    border-left: none;
}
*/

.multi-slide-widget .left-nav ul li:hover {
    background-color: #E0F3FF;
    cursor: pointer;
    border: 1px solid #9AC8E6;
}

.multi-slide-widget .left-nav ul li.flex-active {
    background-color: #C7E9FF;
    cursor: auto;
}

.multi-slide-widget .secondary-nav {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 2;
    min-height: 36px;
}

.multi-slide-widget .secondary-nav a.button {
    background-color: #389FFF;
    margin-bottom: 4px;
    color: #565656;
}

.map-meta-loaded {
    max-height: 500px;
    overflow: auto;
    border: 1px solid #ddd;
}

.map-meta-loaded ul {
    list-style-type: none;
    padding: 0 10px;
}

.map-meta-loaded ul h4 {
    margin-bottom: 10px;
}

li.marker-item {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
	margin-bottom: 5px;
}

li.marker-item:hover {
    background-color: #ddd;
}

li.marker-item a {
    font-weight: 700;
    font-size: 1em;
    text-decoration: none;
    display: block;
}

.flexslider-wrapper .intro-text {
    padding: 10px;
}

.flexslider-wrapper .intro-text h4 {
    display: block;
    margin: 1px 0 10px 0;
    font-weight: 700;
    font-size: 20px;
}

#edit-multi-slide-widget input[type='text'] {
    width: 100%;
}

#edit-multi-slide-widget textarea {
    width: 100%;
    min-height: 100px;
}

.dialog div.buttons {
    margin-top: 10px;
}

#edit-multi-slide-widget #sort-slide ul.sortable {
    list-style-type: none;
    padding-left: 0;
}

#edit-multi-slide-widget #sort-slide ul.sortable li {
    padding: 5px 24px;
    border: 1px solid #444;
    cursor: pointer;
    background-color: #FBFBFB;
    margin: 1px;
    width: 250px;
}

#edit-multi-slide-widget #sort-slide ul.sortable li:hover {
    background-color: #EDEDED;
}

#edit-multi-slide-widget #sort-slide ul.sortable li a {
    text-decoration: none;
}

#edit-multi-slide-widget #what-to-do ul {
    list-style-type: none;
}

#edit-multi-slide-widget #what-to-do > ul > li {
    margin-bottom: 10px;
}

#edit-multi-slide-widget #edit-slide label.checkboxes {
    float: left;
    min-width: 245px;
}

.widget-utility {
    cursor: pointer;
    width: 20px;
    padding: 75px 0 0 0;
    height: 0;
    overflow: hidden;
    z-index: 2;
}

.widget-utility.print {
    position: absolute;
    right: 28px;
    background: url("/communityplatform/public/images/community/common/btngraph_printmd.png") no-repeat;
}

.widget-utility.download {
    position: absolute;
    right: 0;
    background: url("/communityplatform/public/images/community/common/btngraph_downmd.png") no-repeat;
}

.widget-utility.slide-stack{
    background: url("/communityplatform/public/images/community/common/slides_stack.png") no-repeat;
    padding:0 0 0 20px;
}

.widget-utility.insert-slide{
    background: url("/communityplatform/public/images/community/common/add.png") no-repeat;
    padding:0 0 0 20px;
}

.widget-utility.delete {
    background: url("/communityplatform/public/images/community/common/delete.png") no-repeat;
    padding:0 0 0 20px;
    min-width:20px;
    min-height:16px;
    text-decoration:none;
    margin-left:20px;
}

#dashboardImage,
#dashboardData {
    width: 400px;
    margin-bottom: 5px;
}

#dashboardData {
    min-height: 200px;
}

#dashboardData .text-container h4 {
    margin-bottom: 3px;
}

#dashboardData .text-container ul {
    list-style-type: none;
    padding-left: 5px;
    margin: 5px 0;
}

#dashboardData .text-container table {
    border-collapse: collapse;
    width: 100%;
    border: 0;
}

#dashboardData .text-container table td {
    border: 0;
    padding: 2px 5px;
}

#dashboardData .text-container p {
    margin-bottom: 0;
}

hr {
	border: 0;
	border-bottom: 1px dotted #DDD;
}

/* skin specifics for school page (maybe these are actually platform specific settings?
---------------------------------------------------- */
#schoolContent li.marker-item a,
#schoolContent .multi-slide-widget .map-widget .infoWindow .link,
#schoolContent .flexslider-wrapper .intro-text h4,
#schoolContent .multi-slide-widget .left-nav ul li span.label {
    color: #004D95;
}

#schoolContent .multi-slide-widget .left-nav ul li span.label {
    font-weight: 700;
    font-size: 15px;
}

#schoolContent li.marker-item a:hover,
#schoolContent .multi-slide-widget .map-widget .infoWindow .link:hover {
    color: #14A1FF;
}

#school .widgetContainer.caLoggedIn {
    background-color: #f0f0f0;
    background-size: 50px 50px;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

#school .editWidgetBtn {
    cursor: pointer;
}
#school #right-panel{
    float:right;
    max-width:400px;
    margin-left:40px;
}
#school .right{
    float:none;
}

#school .widgetContainer.right .editWidgetBtn {
    border-radius: 0 8px 8px 0;
    right: -52px;
    text-align: left;
}

.widgetContainer.right.caLoggedIn:hover {
    border: 1px solid #FFB34E !important;
    border-radius: 8px 0 8px 8px;
}

#edit-multi-slide-widget a.button.back-button,
#edit-text-widget a.button.cancel-button,
#edit-image-widget a.button.cancel-button {
    border: 1px solid #ababab;
    background-color: #ababab;
    color: #EBEBEB;
}

#edit-multi-slide-widget a.button.next-button,
#edit-text-widget a.button.save-button,
#edit-image-widget a.button.save-button {
    border: 1px solid #cccccc;
    background-color: #fafafa;
    color: #0064B6;
}

#schoolContent div#action-buttons {
    float: right;
    width: 400px;
    margin-top: 20px;
}

#schoolContent div#action-buttons a.button {
    border: 1px solid #cccccc;
    background-color: #0064B6;
    color: #fafafa;
    cursor: pointer;
}

#schoolContent div#dashboardImage .image-container img {
    max-width: 400px;
    max-height: 200px;
}

#school a#back-to-school {
    float: right;
    font-size: 12px;
}

#school div#title {
    clear: both;
}

.print-only * {
    visibility: hidden;
}

/* Print Stylesheet
---------------------------------------------------------- */
@media print{
    @page{
        margin:0.5cm;
    }
    .print-only * {
        visibility:visible;
    }
    .print-only{
        padding:20px;
    }
    .keep-together{
        page-break-inside: avoid;
        padding:20px;
    }
    #topNav, #searchBox, #mainNav, #logo_2, #back-to-school, #footer,
    .editWidgetBtn, .widget-utility, .hide,
    #school .multi-slide-widget,
    #action-buttons{
        display:none !important;
    }
    img { max-width:500px;}
    #wrapper{
        width:auto;
        box-shadow:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        padding-bottom:0;
    }
    #mainContent{
        padding-top:25px;
    }
    #school #title{
        font-size:22px;
        color:#004D95;
        font-weight:bold;
        padding-bottom:10px;
    }
    #school #introText{
        padding:10px;
        border:1px solid #ddd;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
        margin:0 auto 10px auto;
        font-size:10pt;
        color: #004D95;
    }
    #school #right-panel{
        float:none;
        max-width:0;
        margin-left:inherit;
    }
    div.map-widget {
        position: relative;
        min-height: 400px;
        width: 530px;
        border: 1px solid #ddd;
    }
}

#mapUnavailable{
    margin : 25px 0 0 50px;
}