/* Cobleskill specific styles  */

/* -----------------------------------------
   Shared Styles
   ----------------------------------------- */

/* selection changed to coby orange */
::-moz-selection
{
    background: #eaca96;
    color: #000;
    text-shadow: none;
}

::selection
{
    background: #eaca96;
    color: #000;
    text-shadow: none;
}

body
{
    background: url('//apps.cobleskill.edu/assets/images/coby/page_background.png') 0 0 repeat #666;
}

body, select, input, textarea
{
    color: #444;
    font-family: Verdana, Geneva, Helvetica, Sans-Serif;
}

a, a:active, a:visited
{
    color: #3d6090;
    font-weight:bold;
}

    a:hover
    {
        color: #00f;
        text-decoration: underline;
    }


th, td 
{
    padding:6px;
    text-align: left;
}
tr:nth-child(odd)    { background-color:#e4e4dc;}
tr:nth-child(even)    { background-color:#fff; }

/* =============================================================================
   Classes
   ========================================================================== */
.gray
{
    background-color: #e4e4dc;
}

.white
{
    background-color: #fff;
}

.dark-gray
{
    color: #535353;
}

.warning-green
{
    background-color: #a2b139;
}

.warning-red
{
    background-color: #C30;
}

.error
{
    color: #fe5800;
}

.page
{
    max-width: 980px;
    margin: 0 auto;
    background-color: white;
    border: 1px solid #707070;
}

.container
{
    /* padding-bottom: 12px; */
    padding: 2em 12px 12px 12px;
}

.purple.label
{
    background-color: #3d6090;
}

.purple.button
{
    background-color: #4769AE;
}

.nice.purple.button
{
    border: 1px solid #14326e;
}

.button.rounded
{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.tagline
{
    font-style: italic;
    color: #fe5800;
}



/* =============================================================================
   Header
   ========================================================================== */
header
{
    background: url('//apps.cobleskill.edu/assets/coby/images/head_grad.png') repeat-y;
    height: 90px;
    margin: 0px;
    padding: 0;
    position: relative;
    border-bottom: 1px solid #707070;
}

    header.row
    {
        margin-bottom: 0;
        width: 980px;
    }

.header-logo
{
    position: absolute;
    width: 225px;
    top: 21px;
    left: 21px;
}

    .header-logo a:link, .header-logo a:visited, .header-logo a:hover, .header-logo a:active
    {
        border: none;
        text-decoration: none;
    }




/* =============================================================================
   Footer
   ========================================================================== */
footer
{
    background-color: #e4e4dc;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    border-top: 1px solid #707070;
}

    footer.row
    {
        margin-bottom: 0;
        width: 980px;
    }

#social-media
{
    margin: 12px 0 0 12px;
}

    #social-media img.space
    {
        margin-right: 24px;
    }

#footer-edu
{
    padding-top: 8px;
    margin-bottom: 6px;
    margin-left: 12px;
    font-size: 8px;
    line-height: 10px;
    color: #000;
    text-transform: uppercase;
}

#footer-centercol
{
    margin-top: 12px;
}

#footer-menu
{
    font-size: 9px;
    text-transform: uppercase;
    margin-bottom: 14px;
    padding-left: 12px;
}

    #footer-menu ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #footer-menu ul li
        {
            display: inline;
        }

            #footer-menu ul li a:link, #footer-menu ul li a:visited
            {
                color: #444;
                font-size: 12px;
            }

            #footer-menu ul li.dark-gray a:link, #footer-menu ul li.dark-gray a:visited
            {
                color: #222;
            }

            #footer-menu ul li a:hover, #footer-menu ul li.dark-gray a:hover
            {
                color: #f60;
            }

#footer-address
{
    font-size: 10px;
    padding-left: 12px;
}

#footer-copyright
{
    font-size: 8px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

    #footer-copyright a:link, #footer-copyright a:visited
    {
        color: #222;
    }

.edu-bold
{
    font-weight: bold;
}

#suny-logo
{
    margin: 16px;
}

/* =============================================================================
   Aside
   ========================================================================== */

aside
{
    border: 2px solid #ddd;
    padding: 1em;
    margin-bottom: 2em;
    background: #f2f2f2;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8x;
    border-radius: 8px;
}


section h1
{
    font-size: 22px;
    margin: 11px 0 6px 0;
}

section h2
{
    font-size: 14px;
    margin: 6px 0 8px 0;
}

aside h1
{
    font-size: 22px;
    margin: 11px 0 6px 0;
}

aside h2
{
    font-size: 14px;
    margin: 6px 0 8px 0;
}

/* =============================================================================
   Login display (from VS2010)
   ========================================================================== */
#logindisplay
{
    font-size: 1em;
    /*/font-weight: bold;*/
    display: block;
    text-align: right;
    margin: 10px;
    color: #f0f0f0;
}

    #logindisplay a:link
    {
        color: #f0f0f0;
        text-decoration: none;
    }

    #logindisplay a:visited
    {
        color: #f0f0f0;
        text-decoration: none;
    }

    #logindisplay a:hover
    {
        color: #036;
        text-decoration: none;
    }


/* Styles for validation helpers (VS2010)
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    line-height: .5;
    padding-top: -1em;
    margin-top: -1em;
}

.field-validation-valid
{
    display: none;
}

input.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    display: block;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    margin-top: 12px;
    margin-left: 12px;
}

.validation-summary-valid
{
    display: none;
}

label
{
    font-weight: normal;
}



/* Forms
===========================================================*/

form input, form input.input-text, form textarea
{
    border: solid 1px #bbb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
    /*
    form input, form input.input-text, form textarea { width: 100%; font-size: 13px; padding: 6px 3px 4px;  outline: none !important; background: url(//apps.cobleskill.edu/assets/images/misc/input-bg.png) #fff; }
	form input:focus, form input.input-text:focus, form textarea:focus { background-color: #f9f9f9; }
    */
    /* Text input and textarea, disabled */

    form input[disabled], form input.input-text[disabled], form textarea[disabled]
    {
        background-color: #ddd;
    }

form fieldset
{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-width: 2px;
    margin-top: -.35em;
    background: #f8f8f8;
}

input[type="submit"]
{
    margin: 18px 0 12px 0;
}





input.four
{
    width: 33.33%;
}

fieldset div input.six
{
    width: 50%;
}

fieldset div input.eight
{
    width: 66.67%;
}

textarea
{
    resize: none;
}

form input[type=radio], form input[type=checkbox]
{
    display: inline;
}



form small, form small.error
{
    padding: 6px 4px;
    border: solid 0 #C00000;
    border-width: 0 1px 1px 1px;
    margin-top: -10px;
    background: #C00000;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}




/* Styles for editor and display helpers
----------------------------------------------------------*/

.display-label,
.editor-label
{
    margin: 1em 0 .2em 0;
}

.display-field,
.editor-field
{
    margin: 0;
}

/*
.wide input 
{
	width:450px;}

.text-box {
	width: 30em;
}

.text-box.multi-line {
	height: 6.5em;
}

.tri-state {
	width: 6em;
}
*/

/* =============================================================================
   Responsive
   ========================================================================== */

#googlemap
{
    height: 480px;
}
/* tablet */
@media only screen and (max-width: 1280px) and (min-width: 768px)
{
}

/* phone */
@media only screen and (max-width: 767px)
{
    .container
    {
        padding-top: 12px;
    }

    input[type="text"], input[type="textarea"]
    {
        width: 97%;
    }

    #googlemap
    {
        height: 320px;
    }


    aside, section
    {
        margin: 0 -1.2em 1em -1.2em;
    }

    form fieldset
    {
        margin-top: 1em;
    }
    
}


.scroll {
    height: 360px;
    overflow: scroll;
}

/* google map fix */
#googlemap img, object, embed
{
    max-width: none !important;
}