﻿/*** CSS Reset ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead {
margin: 0; padding: 0; border: 0; outline: 0;  font-style: inherit; font-size: 100%;font-family: inherit; vertical-align: baseline;}

/*** UI Elements ***/
html { font:75% arial,helvetica,sans-serif; color:#333; }
body { background:#F5F5F5; overflow:hidden; }
.clear { clear:both; }
#md-container, body, html { height:100%; }
#md-headerContainer { position:relative; }
#md-navigationContainer { position:relative; padding-top:20px; float:left; }
#md-contentContainer { padding:20px; position:relative; float:left; }
#md-contentBox { border:1px solid #C5C5C5; background:#FFF; position:relative; }
.md-content, #md-contentHeader, .md-tabstrip .k-content { padding:20px; }
#md-contentGrid { border-left:0px; border-right:0px; }
.md-scroll { overflow:auto; }
.md-fullWidthPanel { background-color:#E3E3E3; border-bottom:1px solid #C5C5C5; padding:10px 20px; }
.md-toolList { float:left; }
.md-toolListRight { float:right; }
.md-toolList li, .md-toolListRight li { float:left; display:block; line-height:30px; }
.md-toolListRight li { padding-left:10px; }
.md-toolList li { padding-right:10px; }
.md-toolList .md-separator, .md-toolListRight .md-separator { padding:0; border-right:1px solid #C5C5C5; border-left:1px solid #F5F5F5; width:0px; height:30px; }
.md-toolList .md-separator { margin-right:10px; }
.md-toolListRight .md-separator { margin-left:10px; }
.md-contentHover:hover { background-color:#F5F5F5; }
.md-loadingBox { width:100%; height:100%; position:fixed; z-index:10010; left:0px; top:0px; }
.md-errorText { width:300px; padding-left:70px; min-height:60px; }
.md-errorImage { background:url(/Content/images/Warning.png); width:33px; height:33px; position:absolute; top:33px; left:33px; }
.md-tabstrip { padding: 0px; border:0px; }
.md-tabstrip .k-content { margin:0px; border-left:0px; border-right:0px; border-bottom:0px; }
.md-contentPadding { padding-bottom:10px; }
.md-link { color:Blue; text-decoration:underline; }
.md-link:hover { color:Blue; text-decoration:none; }

/*** Lists ***/
.md-horizontalList li { display:inline-block; zoom:1; *display:inline; }
.md-horizontalList .md-listItem { padding:0px 10px 10px 0px; }
.md-verticallyList { padding-bottom:10px; }
.md-verticallyList li { border-bottom:1px solid #C5C5C5; display:block; }
.md-verticallyList .md-listItem { padding: 10px 0px; }
.md-list5 li { width:19.7%; min-width:100px; }
.md-list3 li { width:33%; min-width:100px; }

/*** Navigation ***/
.md-navigationItem { display:block; height:64px; width:64px; background:url(/Content/images/navigation.jpg); text-align:center; padding:5px; font-size:0.9em; }
.md-navigationItem > span { display:block; }
.md-firstItem { border-top:1px solid #c5c5c5; }
.md-navigationItem.md-active { background:url(/Content/images/navigationActive.jpg); }
.md-navigationItem:hover { font-weight:bold; }

/*** Texts ***/
a { text-decoration:none; color:#333; }
p, h1, h2 { padding: 10px 0 15px 0; }
h1 { font-size:1.5em; }
h2 { font-size:1.3em; color:#555; font-weight:bold; }
#md-logo { font-size:1.5em; font-weight:bold; padding-right:20px; }

/*** Forms ***/
.md-form { position:relative; }
.md-formLabel, .md-formField { position:relative; padding:0px 10px 10px 0px; display:inline-block; zoom:1; *display:inline; vertical-align: top; }
.md-formLabel { width:25%; }
.md-formField { width:50%; }
.md-input, .md-select { width:250px; }
.md-inputSmall, .md-selectSmall { width:60px; text-align:center; }
.k-button-icontextRight .k-icon { margin:0 -3px 0 3px; vertical-align:text-top; }
.k-button-icontextMiddle .k-icon { margin:0 3px 0 3px; vertical-align:text-top; }
.md-formButton { float:left; margin:0px 0px 20px 20px; }

