/* standards */

html
{

}

body
{
 font-family: Arial, Helvetica, sans-serif; 
 margin: 0px;
}

table
{
 border-collapse: collapse;
}

h1
{
 height: 25pt;
 vertical-align: bottom;
 font-size: 16pt;
 font-weight: 400;
 font-decoration: none;
 text-indent: 0;
}

hr
{
 height: 0px;
 border: none;
 border-bottom: 1px dotted #d4d4d4;
 margin-top: 1em;
 margin-bottom: 1em;
}

img
{
    border: 0;    
}

form
{
 margin: 0;
 display: inline;
}

button
{
 border: 1px solid #303030;
 font-size: 75%;
}

a
{
 color: #0000e0;
 text-decoration: none;
}

a:hover
{
 text-decoration: underline;
}

textarea, input
{
 border: 1px solid #c0c0c0;
 background-color: #ffffff;
 color: #000000;
}

input[type="submit"]
{
    border: 1px solid #a0a0a0;
    background-color: #d0d0d0;
    color: #000000;
    cursor: pointer;
}

input[type="submit"]:hover 
{
    background-color: #f0f0f0;
}

table .data
{
 background-color: #ffffff;
 border-collapse: collapse;
}

table .data td
{
 border: 1px solid #a0a0a0;
 padding: 0.25em;
}

.DateRangeForm .TableHead
{
 font-size: 85%;
}

.DateRangeForm .Data
{
 width: 3.5em;
 text-align: right;
 padding: 2px;
}

/* standard pages */

.THead 
{
 font-size: 100%;
 font-style: normal;
 color: #003388;
 font-weight: bolder;
 white-space: nowrap;
}

.THeadBig
{
 font-size: 200%; 
 font-style: normal; 
 color: #ffa050; 
 font-weight: bolder;
 text-decoration: none;
}

.TNorm
{
 color: #003399;
 font-size: 90%;
}
.TNorm:link {color: #003399;}
.TNorm:link {color: #003399;}
.TNorm:visited {color: #003399;}
.TNorm:active {color: #003399;}

.TOuterMid
{
 color: #a0a0dd; 
 font-weight: bold;
 text-decoration:none;
}
.TOuterMid:link,  { color: #a0a0dd; }
.TOuterMid:visited { color: #a0a0dd; }
.TOuterMid:hover { color: #f0a060; }

.TabBody
{
 background-color: #ffffff;
 color: #000050;
 margin: auto;
}

.TabBody .Head
{
 font-size: 120%;
 padding-bottom: 0.5em;
}

.TdBody
{
    padding: 10px; 
    vertical-align: top;
    margin: auto;
}

.TdBodyDisabled
{
 padding: 10px; 
 vertical-align: top;
 margin: auto;
 color: #666666;
 background-color: #ffffff;
}

.TdBody2
{
    padding: 10px; 
    vertical-align: top;
    background-color: #fff0c0;
}

.TrBody2
{
 background-color: #fff0c0;
}

.TdBody3
{
 padding: 10px;
 background-color: #e8e8e8; 
}

.TrBody3
{
 background-color: #e8e8e8; 
}

.StatisticsNumber
{
 padding: 10px; 
 text-align: right;
 border-top: 1px solid #f0f0f0;
}

.TdOverviewList
{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}

.TdAlternative
{
 padding: 5px;
}

.TdAlternative2
{
 padding: 5px;
 border: 1px solid #505080;
}

/* Design 2 */

.TOuterAlert
{
    color: #f0802d;
    font-weight: bold;
}

.It
{
 border: 1px solid #505050;    
}

.ItTalk, .ItTalkMid
{
 width: 500px;
 border: 1px solid #c0c0c0;
 background-color: #ffffff;
 font-size: 100%;
 color: #000000;
}

.ItTalkMid
{
 width: 150px;
 border: 1px solid #505050;
}

.ItNumber
{
 text-align: right;
 padding: 2px;
}

.TeTalk
{
 width: 500px;
 height: 400px;
 border: 1px solid #c0c0c0;
 background-color: #ffffff;
 color: #000000;
 font-size: 100%;
}

.TeEditBox
{
 width: 100%;
 height: 250px;
 font-size: 100%;
}

.TeMailerText
{
 width: 500px;
 height: 300px;
 border: 1px solid #505050;
 color: #000000;
 font-size: 100%;
}

/* misc */

.TdHeadLine
{
 background-color: #ffffff;
}

.TabChoiceBox
{
 margin: auto;
}

.TdChoiceBox
{
 background-color: #ffffff;
 padding: 10px;
 vertical-align: top;
 width: 220px;
}

.DivChoiceBoxInfo
{
 background-color: #ffffff;
 border: 2px dashed #ff8040;
 padding: 1em;
 margin: auto;
 max-width: 60%;
}

.TreeItem:hover
{
 background-color: #fff0d0;
}


/* ---------------- M1D1 2.0 Look ---------------- */

.TTogglerActive
{
 color: #ffffff; 
 text-decoration:none;
 padding-left: 3px;
 padding-right: 3px;
}
.TTogglerActive a
{
 color: #ffffff; 
}
.TTogglerActive:link
{
 background-color: #f6b043;
 color: #ffffff;
}
.TTogglerActive:visited
{
 background-color: #f6b043;
 color: #ffffff;
}
.TTogglerActive:hover
{
 background-color: #f6b043;
 color: #ffffff;
}
    
.TTogglerPassive
{
 color: #545454;
 text-decoration:none;
 padding-left: 3px;
 padding-right: 3px;
}
.TTogglerPassive:link  { color: #545454; }
.TTogglerPassive:visited { color: #545454; }
.TTogglerPassive:hover
{
 color: #545454;
}

.TTogglerAlert
{
 color: #f02020; 
 font-weight: bold;
 text-decoration:none;
 padding-left: 3px;
 padding-right: 3px;
}
.TTogglerAlert:link,  { color: #f02020; }
.TTogglerAlert:visited { color: #f02020; }
.TTogglerAlert:hover { color: #e00000; }

.TTogglerAlert2
{
 color: #30a030; 
 font-weight: bold;
 text-decoration:none;
 padding-left: 3px;
 padding-right: 3px;
}
.TTogglerAlert2:link,  { color: #30a030; }
.TTogglerAlert2:visited { color: #30a030; }
.TTogglerAlert2:hover { color: #008000; }

.Header
{
 height: 65px;
}

.Header td
{
 padding: 0;
 vertical-align: top;
}

.M1D1Logo
{
 position: absolute;
 top: 8px;
 left: 20px;
}

#MainMenu
{
 color: black;
 font-weight: 400;
 margin: 0 0 0 146px;
 padding: 0;
 white-space: nowrap;
}

#MainMenu a
{
 margin-top: 0.2em;  
 padding: 3px 3px 1px 3px;
}

#MainMenu ul
{
 width: 100%;
 list-style: none;
 padding-left: 0;
 padding-top: 32px;
 padding-bottom: 0;
 margin: 0;
 background-color: #b0cede;
 background-image: url(/elements/images/m1d1_header_hatch_xtile.png);
 background-repeat: repeat-x;
 background-position: left bottom;
 overflow: hidden;
}

#MainMenu li
{
 margin-left: 6px;
 display: inline;
}

#MainMenu .active a
{
 margin: 0;
 width: 7px;
 padding-top: 3px;
 padding-bottom: 1px; /* required to handle a render bug in some versions of firefox 2 (1px gap at bottom) */
 background-color: #ffffff;
 background-image: url(/elements/images/m1d1_menutab_mid_xtile.png);
 background-repeat: repeat-x;
 background-position: left top;
 color: #406090;
}

#MainMenu .active .CornerTopLeft
{
 margin: 0;
 padding-left: 7px;
 width: 7px;
 padding-top: 3px;
 padding-bottom: 1px; /* required to handle a render bug in some versions of firefox 2 (1px gap at bottom) */
 background-image: url(/elements/images/m1d1_menutab_corner_top_left.png);
 background-position: right top;
 background-repeat: no-repeat;
}

#MainMenu .active .CornerBottomLeft
{
 margin: 0;
 padding-left: 5px;
 width: 5px;
 padding-bottom: 1px; /* required to handle a render bug in some versions of firefox 2 (1px gap at bottom) */
 padding-top: 3px;
 background-image: url(/elements/images/m1d1_menutab_corner_bottom_left.png);
 background-position: right bottom;
 background-repeat: no-repeat;
}

#MainMenu .active .CornerTopRight
{
 margin: 0;
 padding-right: 7px;
 width: 7px;
 padding-bottom: 1px; /* required to handle a render bug in some versions of firefox 2 (1px gap at bottom) */
 padding-top: 3px;
 background-image: url(/elements/images/m1d1_menutab_corner_top_right.png);
 background-position: left top;
 background-repeat: no-repeat;
}

#MainMenu .active .CornerBottomRight
{
 margin: 0;
 padding-right: 5px;
 width: 5px;
 padding-bottom: 1px; /* required to handle a render bug in some versions of firefox 2 (1px gap at bottom) */
 padding-top: 3px;
 background-image: url(/elements/images/m1d1_menutab_corner_bottom_right.png);
 background-position: left bottom;
 background-repeat: no-repeat;
}

#MainMenuBar
{
 padding-bottom: 1px; 
 background-image: url(/elements/images/m1d1_menutab_corner_bottom_right.png);
 background-position: left bottom;
 background-repeat: no-repeat;
 position: relative;
}

#MainMenuBar a
{
 color: #ffffff;
}

.SubMenu
{
 font-size: 75%;
 padding 1em;
 margin-top: 6px;
 margin-left: 10px;
}

.AdvancedOptionsSeparator
{
 border-left: 1px dotted #d4d4d4;
 width: 1px;
 height: 80%;
 margin: 0 0.5em 0 0.5em;
}

#MainArea
{
 text-align: center;
 vertical-align: middle;
 padding-top   : 1em;
 padding-bottom: 5em;
}

.Row:hover
{
 background-color: #e0e0e0;
}

#LogOut
{
 padding: 15px;
}

#LogOut a
{
 color: #e10000;
}

.Container
{
 border: 0;
 padding: 0;
 margin: auto;
 text-align: left;
}

.Container.Beautified
{
// text-align: center; 
}

.Container td
{
 text-align: left;
}

.Container.List td
{
 padding: 8px; 
 vertical-align: top;
 margin: auto;
}

.Container.List td td
{
 padding: 2px;
 vertical-align: middle;
}

.Container.List td .List td
{
 padding: 8px; 
 vertical-align: top;
 margin: auto;
}

.Container.List .ContainerFrameTopLeft,
.Container.List .ContainerFrameMidLeft,
.Container.List .ContainerFrameBottomLeft,
.Container.List .ContainerFrameTopRight,
.Container.List .ContainerFrameMidRight,
.Container.List .ContainerFrameBottomRight
{
 padding: 0;
}


.Container.List .ContainerFrameBottomMid
{
 padding: 0;
 vertical-align: bottom;
}

.Container.List .ContainerFrameTopMid,
.Container.List .ContainerFrameTopMidBlank
{
 padding-left: 0;
 padding-right: 0;
}

.ContainerFrame
{
 border: 0;
 padding: 0;
 margin: auto;
}

.Container .Head
{
 background-color: #c6e266;
 height: 25pt;
 vertical-align: bottom;
 font-family: Arial, sans-serif;
 color: #ffffff;
 font-size: 16pt;
}

.Container .SubHead td
{
 border-bottom: 1px dotted #c0c0c0;
}

.Container .SubHead .ContainerFrameMidLeft
{
 border: none;
}

.Container .SubHead .ContainerFrameMidRight
{
 border: none;
}

.Container .Head td
{
 padding: 0;
 vertical-align: bottom;
}

.Container .Head h1
{
 background-color: #c6e266;
 height: 25pt;
 vertical-align: bottom;
 color: #ffffff;
 font-size: 16pt;
 font-weight: 400;
 font-decoration: none;
 text-indent: 0;
 display: inline;
}

.Container .Head a
{
 text-decoration:none;
 padding-right: 10px;
 font-size: 70%;
 float: right;
 color: #ffffff;
}

.ContainerFrameTopLeft
{
 width: 12px;
 background-image: url(/elements/images/container_head_left.png);
 background-position: top left;
 background-repeat: no-repeat;
 padding: 0;
}

.ContainerFrameTopMid
{
 background-image: url(/elements/images/container_head_top_xtile.png);
 background-position: top;
 background-repeat: repeat-x;
 padding: 0;
}

.ContainerFrameTopMidBlank
{
 background-image: url(/elements/images/container_head_top_xtile.png);
 background-position: top;
 background-repeat: repeat-x;
 padding: 10px;
 vertical-align: bottom;
}

.ContainerFrameTopRight
{
 width: 12px;
 background-image: url(/elements/images/container_head_right.png);
 background-position: top right;
 background-repeat: no-repeat;
 padding: 0;
}

.ContainerFrameMidLeft
{
 width: 7px;
 background-image: url(/elements/images/container_border_left_ytile.png);
 background-repeat: repeat-y;
 background-position: left;
 padding: 0;
}

.ContainerFrameMidRight
{
 width: 12px;
 background-image: url(/elements/images/container_border_right_ytile.png);
 background-repeat: repeat-y;
 background-position: right;
 padding: 0;
}

.ContainerFrameBottomLeft
{
 width: 12px;
 height: 16px;
 background-image: url(/elements/images/container_border_corner_bl.png);
 background-position: bottom left;
 background-repeat: no-repeat;
 padding: 0;
}

.ContainerFrameBottomMid
{
 background-image: url(/elements/images/container_border_bottom.png);
 background-position: bottom;
 background-repeat: repeat-x;
 padding: 0;
}

.ContainerFrameBottomRight
{
 width: 12px;
 background-image: url(/elements/images/container_border_corner_br.png);
 background-position: bottom right;
 background-repeat: no-repeat;
 padding: 0;
}

.ContainerContent
{
 padding-top: 20px;
}

.DeleteIcon
{
 color: #ff0000;
 text-decoration: none;
}

.DeleteIcon:hover
{
 color: #ffffff;
 background-color: #ff0000;
}

.ImageHandler
{
 font-size: 80%;
 padding: 0 10px 5px 10px;
}

.DescriptionField
{
 padding: 10px; 
 vertical-align: top;
 margin: auto;
}

div.Info
{
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 padding: 20px;
}

.Info .ContainerFrame
{
 background-color: #fff0c0;
}

/*******************************************/
#Debug
{
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1000;
 color: red;
 background-color: white;
 opacity: 0.7;
 font-family: Bitstream Vera Sans Mono, Courier, monospace;
 font-size: 80%;
 display: none;
}