/* DEFAULT STYLES  */
    
    /* Resetting Default Browser Styles [http://meyerweb.com/eric/tools/css/reset/] v2.0 | 20110126 License: none (public domain) */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, 
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
    pre { margin: 0; padding: 0; border: 0; font-size: 100%; font: small Courier, monospace; vertical-align: baseline; }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* HTML5 display-role reset for older browsers */
    body { line-height: 1; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    table { border-collapse: collapse; border-spacing: 0; }

    /* General */
    body { margin: 0; padding: 0; position: relative; font: small Arial, Helvetica, sans-serif; color:#000; background-color:#FFF;}
    h1, h2, h3, h4, h5, h6, li { margin: 5px 0 0 5px; }

    /* Header */
    #header { display:block; width:100%; height: 45px; margin:0; font: bold 100% Arial, sans-serif; text-shadow: 0 -1px 3px #555; color: #EEE; -webkit-box-shadow: 1px 0 2px #243B58; -moz-box-shadow: inset 1px 0 2px #243B58; box-shadow: 0 1px 2px #243B58; background: #386ea6; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#386ea6), to(#6390BF)); background: -webkit-linear-gradient(#386ea6, #6390BF); background: -moz-linear-gradient(#386ea6, #6390BF); background: -ms-linear-gradient(#386ea6, #6390BF); background: -o-linear-gradient(#386ea6, #6390BF); background: linear-gradient(#386ea6, #6390BF); -pie-background: linear-gradient(#386ea6, #6390BF); }
    #masthead { margin:0 auto; width:1000px; list-style-type:none; height:45px;}

    /* Logo */
/* was: #masthead li:first-child */
    #header_logo { float: left; margin: 5px 0px; font-size: 250%; font-weight: normal; color: #284280; text-decoration: none; }

    /* Menu */
/* was: #masthead li:last-child */
    #header_menu { float: right; font-size: 100%; height:45px; margin:0;}
    #header_menu h4 { float: left; margin:0; }
    #header_menu h4 a { display:block; height:15px; padding:15px 15px 15px 15px; margin:0; text-decoration: none; color: #FFF; cursor: pointer; }
    #header_menu h4 a:hover { background-color: #123E6C; margin:0;}
/* END OF DEFAULT STYLES */


/* INDEX STYLES */
    #content { width: 100%; margin-top: 30px; }
    #intro, #caseOfDay { margin-bottom: 30px; }
    
    #intro {
	float: left;
	padding: 0px 35px;
	width: 23%;
	color: #000;
	
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
                border-radius: 5px;
	-webkit-box-shadow: -1px 1px 1px #AAA;
	   -moz-box-shadow: -1px 1px 1px #AAA;
                box-shadow: -1px 1px 1px #AAA;
	
	background: #386ea6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#386ea6), to(#6390BF));
	background: -webkit-linear-gradient(#386ea6, #6390BF);
	background: -moz-linear-gradient(#386ea6, #6390BF);
	background: -ms-linear-gradient(#386ea6, #6390BF);
	background: -o-linear-gradient(#386ea6, #6390BF);
	background: linear-gradient(#386ea6, #6390BF);
	-pie-background: linear-gradient(#386ea6, #6390BF);
    }
    
    #intro h1 { margin: 35px 0 25px 0; font: bold 150% Arial, sans-serif; text-align: center; text-shadow: 0 -2px 3px #333; color: #FFF; }
    #intro h2 { margin: 43px 0; font-size: 170%; text-align: center; }
    #intro ul li { margin: 8px 0 0 20px; list-style: disc; }
    #caseOfDay { float: right; padding: 0 0 0 30px; width:65%; }
    #caseOfDay h1 { font: bold 150% Arial, sans-serif; color: #333; }
    #caseOfDay h1 a { font-size: 65%; color: #123E6C; }
    #caseOfDay small { width: 100%; font-size: 90%; }
    #caseOfDay iframe { margin-top: 5px; border: none; }
    .copyright { clear: both; padding-top: 5px; text-align: center; border-top: 1px solid #555; }
/* END OF INDEX STYLES */


/* LOGIN STYLES */
    #login {
        margin: 5px auto !important;
        padding: 25px 45px 50px 45px;
        background-color: #FFF;
        width: 200px;
        
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        
        /* LIGHT BLUE BOX BACKGROUND */
        border: 1px solid #B1C9E3;
        background: #FFFFFF;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#B1C9E3));
        background: -webkit-linear-gradient(#FFFFFF, #B1C9E3);
        background: -moz-linear-gradient(#FFFFFF, #B1C9E3);
        background: -ms-linear-gradient(#FFFFFF, #B1C9E3);
        background: -o-linear-gradient(#FFFFFF, #B1C9E3);
        background: linear-gradient(#FFFFFF, #B1C9E3);
        -pie-background: linear-gradient(#FFFFFF, #B1C9E3);
        
        
        /* BLUE BOX BACKGROUND
        border: 1px solid #386EA6;
        background: #6390BF;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6390BF), to(#386EA6));
        background: -webkit-linear-gradient(#6390BF, #386EA6);
        background: -moz-linear-gradient(#6390BF, #386EA6);
        background: -ms-linear-gradient(#6390BF, #386EA6);
        background: -o-linear-gradient(#6390BF, #386EA6);
        background: linear-gradient(#6390BF, #386EA6);
        -pie-background: linear-gradient(#6390BF, #386EA6);
        */
        
        
        /* GRAY BOX BACKGROUND
        border: 1px solid #999;
        background: #FFFFFF;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#CCCCCC));
        background: -webkit-linear-gradient(#FFFFFF, #CCCCCC);
        background: -moz-linear-gradient(#FFFFFF, #CCCCCC);
        background: -ms-linear-gradient(#FFFFFF, #CCCCCC);
        background: -o-linear-gradient(#FFFFFF, #CCCCCC);
        background: linear-gradient(#FFFFFF, #CCCCCC);
        -pie-background: linear-gradient(#FFFFFF, #CCCCCC);
	*/
    }
    
    #login li { margin: 0 auto 5px auto; text-align: center; list-style: none; }
    #login li h4 { margin: 20px 0 0 3px; font: bold 100% Arial, sans-serif; text-align: left; color: #284280; }
    
    #login li input {
        padding: 5px;
        width: 90%;
        font-size: 100%;
        border: 1px solid #386EA6;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 2px #386EA6;
        -moz-box-shadow: inset 0 1px 2px #386EA6;
        box-shadow: inset 0 1px 2px #386EA6;
        outline: none;
    }
    
    #login li input:focus { border: 1px solid #1884BA; background-color: #F8F8F8; }
    #login li button {
        margin: 30px 0 0 0;
        padding: 15px 0;
        width: 100%;
        font: bold 115% Arial, sans-serif !important;
        text-decoration: none;
        text-shadow: 0 -1px 3px #082C51;
        color: #EEE;
        border: 1px solid #1A4B7D;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        
        -webkit-box-shadow: 0 1px 1px #1A4B7D;
        -moz-box-shadow: 0 1px 1px #1A4B7D;
        box-shadow: 0 1px 1px #1A4B7D;
        
        background: #1A4B7D;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1A4B7D), to(#123E6C));
        background: -webkit-linear-gradient(#1A4B7D, #123E6C);
        background: -moz-linear-gradient(#1A4B7D, #123E6C);
        background: -ms-linear-gradient(#1A4B7D, #123E6C);
        background: -o-linear-gradient(#1A4B7D, #123E6C);
        background: linear-gradient(#1A4B7D, #123E6C);
        -pie-background: linear-gradient(#1A4B7D, #123E6C);
    }
    
    #login li button:hover {
        /*background: #275E96;*/
        border: 1px solid #13385E;
        background: #1A4B7D;
        -webkit-box-shadow: inset 0 1px 2px #222;
        -moz-box-shadow: inset 0 1px 2px #222;
        box-shadow: inset 0 1px 2px #222;
    }
    
    #login li:last-child { text-align: center; margin-bottom: 0; }
/* END OF LOGIN STYLES*/


/* BROWSER STYLES */
    .search {
        padding: 0 8px !important;
        background-color: #FFF;
        cursor: default;
        
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: inset 0 1px 1px #999;
           -moz-box-shadow: inset 0 1px 1px #999;
                box-shadow: inset 0 1px 1px #999;
    }
        
    .search input {
        float: right;
        margin-top: 5px;
        width: 200px;
        /*font-style: italic;*/
        /*color: #999;*/
        font-size: 90%;
        border: none;
        outline: none;
    }
        
    .search img { margin-top: 3px; width: 20px; height: 20px; }
    .search:hover { cursor: default; background-color: #FFF !important; }

    /* Browser Content */
    #wrapper { margin: 5px auto; width: 980px; }
    section { padding-top: 20px; }
    section h2 { font-size: 150%; font-weight: bold; color: #444; }
    
    /* Main Content/Left Column */
    section:first-child { float: left; padding: 20px 15px; width: 60%; border-right: 1px solid #AAA; }
    
    /* Folders */
    section:last-child { float: right; margin-bottom: 20px !important; padding-left: 15px; width: 35%; }
/* END OF BROWSER STYLES */   


/* UPLOAD/ADD STYLES */
    #upload {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin: 0 auto 50px auto;
        clear: both;
        width: 100%;
    }
    
    #dicomUpload { margin: 45px auto 50px auto; width: 80% }
    #dicomUpload li { margin-bottom: 15px; width: 100% }
    #dicomUpload li h4, #resultInfo h4 { margin-bottom: 3px; font-size: 115%; font-weight: bold; color: #284280; }
    #dicomUpload li:last-child { width: 95%; text-align: center; }
    
    /* Diagnosis */
    #dicomUpload li:first-child h4 { float: left; }
    input[name="diagnosis"] {
        float: right;
        margin: 0;
        padding: 6px 5px;
        width: 70%;
        /*font-style: italic;*/
        /*color: #999;*/
        border: 1px solid #555;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 2px #999;
        -moz-box-shadow: inset 0 0 2px #999;
        box-shadow: inset 0 0 2px #999;
        outline: none;
        vertical-align: top;
    }
    
    input[name="diagnosis"]:focus { border: 1px solid #284280; outline: none; }
    
    /* Uploader */
    #container { margin-bottom: 10px; width: 100%; height:300px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    #dicomUpload li:nth-child(2) h4 { clear: both; padding-top: 30px !important; }
    #pickfiles, #clearfiles {
        clear: both;
        margin-left: 0px;
        padding: 10px 18px;
        font: bold 85% Arial, Helvetica, sans-serif;
        text-decoration: none;
        
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #FFF;
        cursor: pointer;
        
        -webkit-box-shadow: -1px 1px 1px #AAA;
        -moz-box-shadow: -1px 1px 1px #AAA;
        box-shadow: -1px 1px 1px #AAA;
        background-color: #123E6C;
    }
    
    #pickfiles:hover, #clearfiles:hover { background-color: #386ea6; }
    .uploadheading, #filelist ul { clear: both; margin: 15px auto !important; width: 97%; }
    .uploadheading li, #filelist ul li { float: left; margin: 2px 10px !important; }
    .uploadheading li:first-child, #filelist ul li:first-child { width: 60% !important; }
    .uploadheading li:nth-child(2), #filelist ul li:nth-child(2) { width: 13% !important; }
    .uploadheading li:last-child, #filelist ul li:last-child { width: 13% !important; }
        
    .uploadheading {
        padding: 10px;
        height: 18px;
        font: bold 90% Arial, sans-serif;
        color: #FFF;
        background-color: #777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        
        -webkit-box-shadow: 0 1px 1px #777;
        -moz-box-shadow: 0 1px 1px #777;
        box-shadow: 0 1px 1px #777;
        
    }
    
    #filelist ul:last-child li { margin-bottom: 30px !important; }
    #filelist div { display: none; }
    #caseStatus { margin-top: 10px; display: none; text-align: center; }
    #caseStatus a button { float: none; width: 70%; margin: 20px auto !important; padding: 5px 8px; text-align: center; cursor: pointer; }
    
    /* Progress Bar Style */
    #progress_bar_container {
        clear: both;
        display: none;
        margin-bottom: 30px;
        padding: 10px 0;
        width: 100%;
        height: 20px;
        text-align: center;
    }
    
    #progress_bar { margin: 0 auto; text-align: center; }
    
    /* Note */
    .note { clear: both; width: 100%; font-size: 85%; color: #555; }
    .note h6 { margin: 5px 0; text-align: left; }
    .note h6 strong { font-weight: bold; }
    
    /* Buttons */
    input[name="submit"], input[name="cancel"], input[name="view"], .resultLinks li a {
        clear: both;
        padding: 15px 55px;
        margin: 30px 20px;
        font: bold 115% Arial, sans-serif !important;
        text-decoration: none;
        text-shadow: 0 -1px 3px #082C51;
        color: #EEE;
        border: 1px solid #1A4B7D;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        
        -webkit-box-shadow: 0 1px 1px #777;
        -moz-box-shadow: 0 1px 1px #777;
        box-shadow: 0 1px 1px #777;
        
        background: #1A4B7D;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1A4B7D), to(#123E6C));
        background: -webkit-linear-gradient(#1A4B7D, #123E6C);
        background: -moz-linear-gradient(#1A4B7D, #123E6C);
        background: -ms-linear-gradient(#1A4B7D, #123E6C);
        background: -o-linear-gradient(#1A4B7D, #123E6C);
        background: linear-gradient(#1A4B7D, #123E6C);
        -pie-background: linear-gradient(#1A4B7D, #123E6C);
    }
    
    
    .viewStudy {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1a4b7d), color-stop(1, #123d6c) );
	background:-moz-linear-gradient( center top, #1a4b7d 5%, #123d6c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a4b7d', endColorstr='#123d6c');
	background-color:#1a4b7d;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #1a4b7d;
	display:inline-block;
	color:#ffffff;
	font-family: Arial, sans-serif !important;
	font-size: 115%;
	font-weight: bold;
	padding:20px 24px;
	text-decoration:none;
    }

    .viewStudy:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #123d6c), color-stop(1, #1a4b7d) );
	background:-moz-linear-gradient( center top, #123d6c 5%, #1a4b7d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#123d6c', endColorstr='#1a4b7d');
	background-color:#123d6c;
    }

    .viewStudy:active {
	position:relative;
	top:1px;
    }
       
    input[name="submit"]:hover, input[name="cancel"]:hover, input[name="view"]:hover, .resultLinks li a:hover { background: #386ea6; }
    .submitBtns { clear: both; margin: 0 auto; width: 100%; text-align: center; margin-bottom:-50px}
    .cancelBtns { clear: both; margin: 0 auto; width: 100%; text-align: center; margin-bottom:-50px}
        
    /* Error Message */
    
    .errorMSG { 
        clear: both !important;
        margin: 5px 0 !important;
        font-size: 90%;
        font-style: italic;
        text-align: left !important;
        color: #FF0000;
    }
    
    .errorBorder { border: 2px solid red !important; }
    .footer { clear: both; font-size: 90%; text-align: center; margin: auto; width:750px}
/* END OF UPLOAD/ADD STYLES */


/* ABOUT STYLES */
    #wrapper section h5 { margin: 30px 0 0 45px; font: bold 230% Arial, Helvetica, sans-serif; color: #123E6C; }
    #wrapper article { margin: 5px auto; width: 90%; text-align: justify; color: #444; }
    section:first-child { border: none; }
    .curDisplay { display: block !important; }
    .image {
        margin: 10px auto;
        width: 93%;
	height: 300px;
	
	-webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
    	-webkit-box-shadow: 0 2px 3px #999;
	   -moz-box-shadow: 0 2px 3px #999;
                box-shadow: 0 2px 3px #999;
	
        background-position: center;
	background-repeat: no-repeat;
    }
/* END OF ABOUT STYLES */


/* HELP STYLES */
    strong { font-weight: bold; }
    .helptable {font-weight: bold;}
    .helptable td {border:0; padding:10px; vertical-align:middle;}
    .helptable img {vertical-align:middle;}
    .key {border:1px solid black; padding:3px; background:#ccc; display:inline}
    .information { margin: 8px 0 0 18px; position: relative; height: 100%; }
    .information li { list-style-type: disc; }
    .information li img { width: 20px; height: 20px; vertical-align: middle; background:black; border:1px solid black;}


    
    /* END OF HELP STYLES */