@import url("960.css");
@import url("reset.css");

/* ----- GLOBAL ----- */

        body {
            background-color: #fff;

            font-family: Verdana, sans-serif;
            font-size: 13px;
            font-style: normal;
            letter-spacing: normal;
            line-height: 1.6em;
        }

        .reg_box {
            position: relative;
            border: 1px solid #A6CCE0;
            padding: 0 15px 20px 15px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            min-height: 210px;


            background-color: #ffffff;
            background: -moz-linear-gradient(top, #E9F4FA, #fff);
            background: -webkit-gradient(linear, right top, right bottom, from(#E9F4FA), to(#fff));

            -moz-box-shadow: 3px 3px 5px #999;
            -webkit-box-shadow: 3px 3px 5px #999;
            box-shadow: 3px 3px 5px #999;
            text-shadow: 1px 1px 1px #FFF;
        }
        .profile_header {
            position: relative;
            margin:25px 0 0 0 ;
            border: 1px solid #A6CCE0;
            padding: 0 15px 5px 15px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;

	    background: #fff;
	    background: -moz-linear-gradient(top, #E9F4FA, #fff);
            background: -webkit-gradient(linear, right top, right bottom, from(#E9F4FA), to(#fff));

            -moz-box-shadow: 3px 3px 5px #999;
            -webkit-box-shadow: 3px 3px 5px #999;
            box-shadow: 3px 3px 5px #999;
            text-shadow: 1px 1px 1px #FFF;
        }
        .profile_img {
            border:4px solid #B0D2F0;
            margin:20px;
            border-radius:5px;
	}
        .profile_panel {
            float:left;
            margin:5px 0 0 0;
        }
        .float_outside {
            position: absolute;
            top: -20px;
            right: 10px;
            width: 48px;
        }
        .float_outside_error {
            position: absolute;
            top: -15px;
            right: 10px;
        }

        .hidden {
            display: none;
        }

        hr {
            margin: 3px 0 10px 0;
            border: 1px solid #98CEEB;
        }

        .error {
            position:relative;
            background: #F7DFDF;
            border: 1px solid #E47878;
            padding: 10px 15px 10px 20px;
            margin: 10px 0 30px 0;

            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
        }
        .ok {
            position:relative;
            background: #BCF5C0;
            border: 1px solid #61DF6B;
            padding: 10px 15px 10px 20px;
            margin: 10px 0 30px 0;

            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
        }


/* ------ TABLE ELEMENTS ----- */


        table { width:100%; text-align:left;}
        th, td {
            padding:5px 5px 5px 10px;
            border-right:1px solid #8CC4F1;
        }
        th { background-color:#B6DCFF;}

        .blank { border:none; background:none; }
        .end { border:none; }
        /* odd and even rows */
        .o { background:#E9F1F8;}


/* ------ LIST ELEMENTS ----- */


        #uAdmin li {
            border-bottom:1px dotted #6298CA;
            margin:5px 0 5px 0;
            padding:5px 0 5px 0;
        }
        #uAdmin li:last-child {
            border:none;
        }
        #uAdmin img {
            vertical-align:middle;
            margin:0 10px 5px; 0;
        }
        #pagination li {
            float:left;
            width:30px;
            height:20px;
            text-align:center;
            border:1px solid #B4CBDF;
            background-color:#CCE3F7;
            margin: 0 7px 10px 0;
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
        }
        #pagination .pag_selected { background-color:#84C2F8; border: 1px solid #3997E9; }
        #pagination .pag_selected a { text-decoration:underline; }


/* ------ FORM ELEMENTS ----- */


        label {
            display: block;
            font-size: 18px;
            margin: 10px 0 5px 0px;
        }

        .low_emph {
            font-size: 12px;
        }
        .med_emph {
            font-size: 16px;
        }

        .input_field {
            margin: 0px 5px 5px 0px;
            background-color: #fff;
            font-size: 14px;
            color: #444;
            padding: 6px;
            border: 1px solid #A8B9CB;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            font-family: Verdana, sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: normal;
            line-height: 1.5em;
        }

        .input_field:focus {
            -moz-box-shadow: 0px 1px 3px #a6c9e4;
            -webkit-box-shadow: 0px 1px 3px #a6c9e4;
            box-shadow: 0px 1px 3px #a6c9e4;
            border: 1px solid #6cb0e4;
        }

        .submit {
            display: block;
            margin: 10px 0 10px 0;
            padding: 5px 10px 5px 10px;
            border: 1px solid #5ab9dc;
            cursor: pointer;
            background: #9DD4F8;
            font-weight: 500;
            color: #2a4f64;
        }
        .tall {
            height:20px;
        }
        .output {
            vertical-align: middle;
        }
        .view_filter { font-size:14px; }


/* ----- Type ----- */


        h1, h2, h3, h4 {
            margin: 15px 0 15px 0;
            color: #093750;
        }
        label {
            margin: 6px 0 6px 0;
            color: #093750;
        }

        h1 {
            font-size: 32px;
        }

        h2 {
            font-size: 24px;
        }

        h3 {
            font-size: 22px;
        }
        h4 {
            font-size: 16px;
            display:inline;
        }

        p {
            margin: 15px 0 15px 0;
        }
        strong {
            color: #093750;
            font-weight:400;
        }

        a {text-decoration:none; color: #093750;}
        a:hover {text-decoration:underline; color: #093750;}