html, body { margin:0px; padding:0px; }
html, body, td { font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
body {background: #DADADA;}

p { padding:0px; margin: 0px 0px 5px 0px; }
h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 130%; color: #333366; padding:0px; margin: 5px 0px; }
h2 { font-size: 120%; color: #AA542B; padding:0px; margin: 3px 0px; }
h3 { font-size: 100%; color: #CC9933; padding:0px; margin: 1px 0px; }

a:link{ color: #002DB0; text-decoration: none }
a:visited { color: #002DB0; text-decoration: none }
a:hover { color: #002DB0;  text-decoration: underline }

img { border: 0px; }

label, th{ font-size: 100%; color: #333366; font-weight:normal; }
input, select { font-size: 100%; }
@media print { input, select { display: none; } }


/*************************************************
 * LAYOUT
 *************************************************/
#Header { height:55px; width:90%; margin:0px auto 0px auto; position:relative; }
#Header span { position:absolute; right:20px; bottom:5px; font-size:9px; }
@media print { #Header, #TopNavigation { display: none; } }

#Content { width:90%; background: #CCC; margin:0px auto 0px auto; -moz-box-shadow: 1px 1px 1px 1px #999; -webkit-box-shadow: 1px 1px 1px 1px #999; box-shadow: 1px 1px 1px 1px #999; }
	#TopNavigation { height:30px; width:90%; margin:0px auto 0px auto; }
    #TopNavigation h1 { float:left; margin-top:15px; font-size:1.5em; color:#252525; }
    #TopNavigation ul { list-style-type: none; padding: 5px 0px 0px 18px; xmargin:0 40px 0 0; float:right; }
	#TopNavigation ul li { display: inline; }
	#TopNavigation ul li a,
	#TopNavigation ul li a:active,
	#TopNavigation ul li a:link, 
	#TopNavigation ul li a:hover, 
	#TopNavigationul li a:visited { background-color:#F3F3F3; color: #667; font-weight: bold; font-size: 10px; padding: 4px 10px; margin-right:4px; border: 1px solid #CCCCCC; font-style: italic; text-decoration:none; }
	#TopNavigation ul li a:hover { background-color:#FFF; }
    #search { width:90%; margin:0px auto 0px auto; }
    #action_links { margin-right:5%; }
        #action_links a { font-size:11px; float:right; margin-right:5px; }
	
h1.title { color:#006699; font-size:2em; margin:10px 0 20px 10px; padding:0; width:100%; clear:both; }
h2.detail-section { color:#000; margin-top:30px; }

#Footer { width:800px; margin:40px auto 0px auto; }
#Footer p { margin-top:10px; font-size:10px; text-align:center; }

/*************************************************
 * FORM
 *************************************************/
fieldset {
    padding-left:20px;
    margin-bottom:10px;
}
div.editor-label {
    margin-top:20px;
} 

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

label.checkbox {
    display: inline;
}

select {
    /*margin:10px 0 10px 0;*/
    /*font-size:1.2em;*/
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    xfont-size: 1.2em;
    margin:2px 0 2px 0;
    padding: 2px 0 2px 0;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

.client-listbox {
    min-width: 100px;
    height: 250px;
    float:left;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    input[type="submit"],
    input[type="button"],
    button {

        
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.0em;
        font-weight: 600;
        padding: 7px;
        width: auto;
        display:inline-block;
        margin: 10px 0 10px 0;
        
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

    tr.hover {
       cursor: pointer;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

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

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

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


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}



th {
    font-size: 0.8em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
    background: #000;
    color: #FFF;
    padding: 4px;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    font-size: 0.8em;
    padding: 4px;
    border: 0 none;
}

td.matter-number { width:70px; }

tr.pager td {
    padding: 0 0.25em 0 0;
}

table.full { width:100%; margin-bottom:20px; border: 1px solid #AAA; table-layout: fixed; }
table.full tr:nth-child(odd) { }
table.full tr:nth-child(even) { background-color: #eee; }
table.full tr:hover { background-color: #FFFECA; }
table.full tr td { padding-top:10px; padding-bottom:10px; word-wrap: break-word }

#listtable, .listtable 
	{ 
	border:1px solid #C0C0C0; 
	padding:0px; 
	font-family:sans-serif;
	font-size:8pt;
	width:100%;	
	margin-bottom:20px;
	}


#listtable tr, .listtable tr
	{ 
	padding:2px;
	margin:2px;
    
	}

.listtable tbody tr { border: 1px solid #999; }

#listtable tr.title, .listtable tr.title
	{ 
	background:#000;
    color: #FFF;
    margin: 2px;
        padding: 2px;
	}

#listtable td, .listtable td
	{ 

	padding:2px; 
	margin:2px;
	font-size:8pt;
    xborder: 2px solid #CCC;
	}

#matterdescription { width:100%; }

    #matterdescription tr {
        margin: 2px;
        padding: 2px;
        background-color: #DADADA;
    }


    #matterdescription .titl {
        padding: 1px;
        margin-right: 1px;
        font-weight: bold;
        width: inherit;
        text-align: right;
        font-size: 10pt;
    }
    #matterdescription td {
        padding: 1px;
        margin: 0px;
        font-size: 10pt;
        border: 2px solid #CCC;
    }

/* login
----------------------------------------------------------*/

#loginForm ul {
    margin: 0;
}

#loginForm li {
    display: block;
    list-style: none;
    margin-top:10px;
}

.btn 
{
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.0em;
    font-weight: 600;
    padding: 7px;
    width: auto;
    display:inline-block;
    margin: 10px 5px 10px 0;
}

a.btn { color:#333; text-decoration:none; }

.small-button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 0.65em;
    font-weight: 600;
    padding: 4px;
    width: auto;
    display:inline-block;
    margin: 10px 0 10px 0;
}

a.small-button { color:#333; text-decoration:none; }

/* Pager */
.pager
{
	margin: 8px 3px;
	padding: 3px;
}

.pager .disabled
{
	border: 1px solid #aaa;
	color: #aaa;
	margin-top: 4px;
	padding: 3px;
	text-align: center;
}

.pager .current
{
	background-color: #000;
	border: 1px solid #252525;
	color: #fff;
	font-weight: bold;
	margin-top: 4px;
	padding: 3px 5px;
	text-align: center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a
{
	border: 1px solid #aaa;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
	color:#252525;
}

.priorityHigh select,  .priorityHigh input
{
    color:red;
}

.priorityMed select,  .priorityMed input
{
    color:Blue;
}

.manageTemplatesLink
{
    position:absolute;
    top:20px;
    right:10%;
}

@media (max-width: 980px) {
    #Content { width: 100%; }
}

.printonly { display:none; }
@media print { .printonly { display:block; } }