/* 
-------------------------------------Elements---------------------------------------
*/

body
{
	margin: auto;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	background-color: #DDDDDD;
	color: #3F3F3F;
}

a
{
	color: #DF7800;
}

a:hover
{
}

a:visited
{
	color: #3F3F3F;
}

p
{
}

h1
{
	font-size: 20px;
}

h2
{
	font-size: 14px;
}

h3
{
	font-size: 12px;
}

input, textarea, select, checkbox, radio, label
{
    padding: 3px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
}

ol
{
}

li
{
	margin-bottom: 5px;
}

table
{
    width: 100%;
    border: none;
}

/* 
-------------------------------------Login---------------------------------------
*/

#login-page
{
	margin: auto;
	background-color: #FFFFFF;
	text-align: center;
	padding: 20px;
	margin-top: 20px;
	width: 500px;
	text-align: left;
}

.login-header
{
	height: 50px;
	padding: 20px;
	background-color: #DF7800;
	color: #FFFFFF;
}

.login-content
{
	padding: 20px;
}

/* 
-------------------------------------Password---------------------------------------
*/

#password-page
{
	margin: auto;
	background-color: #FFFFFF;
	text-align: center;
	padding: 20px;
	margin-top: 20px;
	width: 500px;
	text-align: left;
}

.password-header
{
	height: 50px;
	padding: 20px;
	background-color: #DF7800;
	color: #FFFFFF;
}

.password-content
{
	padding: 20px;
}

/* 
-------------------------------------Content---------------------------------------
*/

#main-page
{
	margin: auto;
	background-color: #FFFFFF;
	text-align: center;
	padding: 20px;
	margin-top: 20px;
	width: 1000px;
	text-align: left;
}

.main-header
{
}

.main-content
{
}

.main-footer
{
}

/* 
-------------------------------------Site Header---------------------------------------
*/

#site-header
{
	background-color: #DF7800;
	color: #FFFFFF;
	height: 50px;
	padding: 20px;	
}

#site-logo
{
	width: 200px;
	float: left;
	display: inline;
}

#site-links
{
	float: right;	
	clear: right;	
}

#site-links a
{	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#site-links a:hover
{
}

#site-links ol
{	
}

#site-links li
{
	display: inline;
	margin-left: 10px;
	padding: 3px;
}

#site-links li:hover
{
	background-color: #FFFFFF;
}

#site-links li:hover a
{
	color: #DF7800;
}

#site-user
{
    float: right;
    clear: right;
    text-align: right;
    padding-bottom: 10px;
}

#main-menu-strip
{
    border: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font: 67.5% "Lucida Sans Unicode" , "Bitstream Vera Sans" , "Trebuchet Unicode MS" , "Lucida Grande" , Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

#main-menu-strip .level-1
{
    background: #333333;
    height: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#main-menu-strip .menu-item
{
    float: left;
    padding: 0px;
}

#main-menu-strip .menu-item a
{
    background: #333333;
    color: #CCCCCC;
    display: block;
    font-weight: normal;
    line-height: 35px;
    margin: 0px;
    padding: 0px 25px;
    text-align: center;
    text-decoration: none;
}

#main-menu-strip .menu-item a:hover, #main-menu-strip .level-1 .menu-item:hover a
{
    background: #DF7800;
    color: #FFFFFF;
    text-decoration: none;
}

#main-menu-strip .menu-item .level-2
{
    background: #333333;
    display: none;
    /*height: auto;*/
    padding: 0px;
    margin: 0px;
    border: 0px;
    position: absolute;
    width: 225px;
    z-index: 200;
}

#main-menu-strip .menu-item:hover .level-2
{
    display: block;
}

#main-menu-strip .menu-item .menu-item
{
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
    width: 225px;
}

#main-menu-strip .menu-item:hover .menu-item a
{
    background: none;
}

#main-menu-strip .menu-item .level-2 a
{
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-style: normal;
    margin: 0px;
    padding: 0px 10px 0px 15px;
    text-align: left;
}

#main-menu-strip .menu-item .level-2 a:hover, #main-menu-strip .menu-item .level-2 .menu-item:hover a
{
    background: #DF7800;
    border: 0px;
    color: #FFFFFF;
    text-decoration: none;
}

/* 
-------------------------------------Page Header---------------------------------------
*/

#page-header
{
}

#page-header-info
{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

#page-header-info-title
{
	display: block;
	margin-bottom: 5px;
}

#page-header-info-description
{
	display: block;
	letter-spacing: 2px;
}

/* Tab Strip */

#page-header-tab-strip
{	
    margin-left: 10px;
}

#page-header-tab-strip a
{
    text-decoration: none;
}

#page-header-tab-strip a:hover
{
    text-decoration: none;
}

#page-header-tab-strip .tab
{
	border-left: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: none;
	padding: 5px 10px 5px 10px;
	margin-right: 5px;
	color: #3F3F3F;
}

#page-header-tab-strip .tab:hover
{
    background-color: #9F9F9F;
    color: #FFFFFF;
}

#page-header-tab-strip .tab-selected
{
	border-left: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: none;
	padding: 5px 10px 5px 10px;
	margin-right: 5px;
	background-color: #9F9F9F;
    color: #FFFFFF;
}

#page-header-tab-strip-bar
{
	width: 100%;
	border-bottom: solid 3px #9F9F9F;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Menu */

#page-header-menu-strip
{	
    margin-top: 10px;
}

#page-header-menu-strip a
{
    text-decoration: none;
}

#page-header-menu-strip a:hover
{
    text-decoration: none;
}

#page-header-menu-strip .menu-item
{
	border: solid 1px #CCCCCC;
	padding: 5px 10px 5px 10px;
	margin-right: 5px;
	color: #3F3F3F;
}

#page-header-menu-strip .menu-item:hover
{
    background-color: #9F9F9F;
    color: #FFFFFF;
}

/* 
-------------------------------------Page Footer---------------------------------------
*/

#page-footer
{
    
}

#back-to-top
{
    text-align: right;
    padding-bottom: 10px;
}

/* 
-------------------------------------Site Footer---------------------------------------
*/

#site-footer
{
    clear: both;
	display: block;
	background-color: #4F4F4F;
	color: #FFFFFF;
	height: 40px;
	padding: 20px;
	vertical-align: middle;
}

#site-footer .environment
{
    float: left;
}

#site-footer .version
{
    float: right;
}

/* 
-------------------------------------Grid---------------------------------------
*/

.grid table
{
	border: #CCCCCC 1px solid;
	border-collapse: collapse;
}

.grid td
{
	padding: 4px;
}

.grid th
{
	padding-left: 4px;
	height: 20px;
}

.grid .header
{
	background-color: #3F3F3F;	
}

.grid .header td
{
	font-weight: bold;
	color: #FFFFFF;
}

.grid .header a
{
	color: #FFFFFF;
	text-decoration: none;
}

.grid .header a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.grid .header th
{
	font-weight: bold;
	font-family: Arial, Serif, Helvetica;
	border: #3F3F3F 1px solid;
}

.grid .item td
{
	border: #E3E3E3 1px solid;
}

.grid .alt-item td
{
	border: #E3E3E3 1px solid;
	background-color: #EFEFEF;
}

.grid .void
{
	text-decoration: line-through;
	font-style: italic;
}

.grid .footer
{
	font-weight: bold;
	font-family: Arial, Serif, Helvetica;
	background-color: #ededed;
}

/* 
-------------------------------------Child Grid---------------------------------------
*/

.child-grid table
{
	border: #CCCCCC 1px solid;
	border-collapse: collapse;
}

.child-grid td
{
	padding: 4px;
}

.child-grid th
{
	padding-left: 4px;
	height: 20px;
}

.child-grid .header
{
	background-color: #3F3F3F;	
}

.child-grid .header td
{
	font-weight: bold;
	color: #FFFFFF;
}

.child-grid .header a
{
	color: #FFFFFF;
	text-decoration: none;
}

.child-grid .header a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.child-grid .header th
{
	font-weight: bold;
	font-family: Arial, Serif, Helvetica;
	border: #3F3F3F 1px solid;
}

.child-grid .item td
{
	border: #E3E3E3 1px solid;
}

.child-grid .alt-item td
{
	border: #E3E3E3 1px solid;
	background-color: #EFEFEF;
}

.child-grid .void
{
	text-decoration: line-through;
	font-style: italic;
}

.child-grid .footer
{
	font-weight: bold;
	font-family: Arial, Serif, Helvetica;
	background-color: #ededed;
}

.child-grid .date
{
	text-align: right;
	width: 98%;
}

.child-grid .text
{
	width: 98%;
}

.child-grid .number
{
	text-align: right;
	width: 98%;
}

.child-grid .read-only-number
{
	background-color: #CCCCCC;
	text-align: right;
	width: 98%;
}

/* 
-------------------------------------List---------------------------------------
*/

#list
{
	padding-top: 20px;
	padding-bottom: 20px;
}
	
	
/* 
-------------------------------------Form---------------------------------------
*/

#form
{
	padding-top: 20px;
	padding-bottom: 20px;
}

.form
{
}

.form .group
{
	padding-bottom: 20px;
}

.form .group-header
{
	padding: 5px;
	color: #FFFFFF;
	background-color: #8F8F8F;
}

.form .group-container
{
	padding-top: 10px;
}

/* 
-------------------------------------Broken Rules---------------------------------------
*/

#broken-rules
{
	padding-top: 20px;
}

#broken-rules .group
{
	border: solid 1px #8C191E;
	padding: 10px;
	background-color: #FFDFE1;
	color: #8C191E;
}

#broken-rules .group-header
{
	margin-bottom: 10px;	
}

#broken-rules .group-container
{
}

#broken-rules .broken-rule
{
}

#broken-rules .broken-rule-icon
{
}

#broken-rules .broken-rule-description
{
}

#broken-rules .broken-rule-seperator
{
}

/* 
-------------------------------------Classes---------------------------------------
*/

.error 
{
    color: #EF0000;
    padding-bottom: 10px;
}


.name
{
	color: #333333;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 10px;
	vertical-align: top;
}

.name .required
{
	padding-left: 3px;
	color: #EF0000;
}


.value
{
	padding-bottom: 10px;
	vertical-align: top;
}

.date
{
	text-align: right;
	width: 100px;
}

.text
{
	width: 300px;
}

.text-long
{
	width: 740px;
}

.number
{
	text-align: right;
	width: 100px;
}

.read-only-number
{
	background-color: #CCCCCC;
	text-align: right;
	width: 100px;
}

.memo
{
	width: 100%;
}

.radio
{ 
	width: 300px;
}

.checkboxlist
{
    width: 100%;
}

.checkboxlist tr
{
}

.checkboxlist td
{
    width: 25%;
    padding-bottom: 10px;
	vertical-align: bottom;
}

.checkboxlist input
{
	vertical-align: middle;
}

.checkboxlist label
{
    padding-left: 5px;
	vertical-align: middle;
}

.radiobuttonlist
{
    width: 100%;
    overflow: auto;
}

.radiobuttonlist tr
{
}

.radiobuttonlist td
{
    width: 25%;
    padding-bottom: 10px;
	vertical-align: bottom;
}

.radiobuttonlist input
{
	vertical-align: middle;
}

.radiobuttonlist label
{
    padding-left: 5px;
	vertical-align: middle;
}

.export-notification
{
    margin-bottom: 10px;
    padding: 20px;
    background-color: #C8FFBF;
    text-align: center;
}

.export-notification .message
{
    font-size: large;
    font-weight: bold;
    margin-bottom: 10px;
    color: #1F8B19;
}

.activity-body
{
    margin-bottom: 4px;
}

.activity-byline
{
    font-style: italic;
    margin-bottom: 4px;
}

.activity-byline span
{
    font-style: normal;
    font-weight: bold;
}

.activity-tags
{
    font-style: italic;
    margin-bottom: 4px;
}

.activity-tags span
{
    font-style: normal;
    font-weight: bold;
}

.progress-filter
{
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

.progress-message 
{ 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    background-color:#ffffff;
    border:solid 1px #000;
}