/* Some general styles for most HTML pages. */
.navbarContainer {
    min-width: 1000px;
}

.full_height {
	height: 100%;
}

.content {
    display: block;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.centered_content {
	margin-left: auto;
    margin-right: auto;
}

.centered_text_output {
	margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    width: 400px;
}

.centered_text {
	text-align: center;
}

.control_bar {
	margin-bottom: 5px;
	margin-top: 5px;
}

/* Page header styles. */
#header {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 70px;
    color: white;
    background-image: url("../BMP/html/header_bg.jpg");
    background-size: 100% 100%;
    /* Workaround for Internet Explorer 5.5+: simulates background-size attribute. */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../BMP/html/header_bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../BMP/html/header_bg.jpg',sizingMethod='scale')";
}

/* User info styles. */
#header_user_info {
    width: 900px;
    height: 20px;
}

.header_user_info_text {
    padding: 0px 5px 0px 0px;
    font-weight: bold;
}

.header_user_info_user_space {
	padding: 0px 5px 0px 10px;
}

#header_user_info.div {
    display: inline;
}

/* Header navigation styles. */
#header_navigation {
    height: 45px;
    padding: 5px 0px 0px 0px;
}

#header a:link, #header a:visited {
    color: white;
    text-decoration: none;
}

#header a:link:hover, #header a:visited:hover  {
    color: black;
    text-decoration : underline;
}

#header ul {
    margin: 0px;
    padding: 0px;
}

#header_logo {
    display: block;
    float: left;
    height: 50px;
}

#header_logo img {
    width: 110px;
    height: 50px;
}

/* The context navigation styles. */
#header_context_navigation {
    list-style-type: none;
}

#header_context_navigation li {
    float: left;
}

.header_context_navigation_item {
    display: block;
    width: 90px;
    height: 25px;
    padding: 10px 5px 10px 5px;
    text-align: center;
    background-image: url("../BMP/html/button_tab.gif");
    background-size: 100% 110%;
    /* Workaround for Internet Explorer 5.5+: simulates background-size attribute. */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../BMP/html/button_tab.gif', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../BMP/html/button_tab.gif',sizingMethod='scale')";
}

.header_context_navigation_item_active {
    display: block;
    width: 90px;
    height: 25px;
    padding: 10px 5px 10px 5px;
    text-align: center;
    background-image: url("../BMP/html/button_tab_akt.gif");
    background-size: 100% 100%;
    /* Workaround for Internet Explorer 5.5+: simulates the background-size attribute. */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../BMP/html/button_tab_akt.gif', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../BMP/html/button_tab_akt.gif',sizingMethod='scale')";
}

/* The page navigation styles. */
#header_page_navigation {
    list-style-type: none;
}

#header_page_navigation li {
    float: right;
}

/* The control panel styles. */
#control_panel {
    position: relative;
    width: 100%;
    line-height: 30px;
    height: 35px;
    background-image: url("../BMP/html/header_bg_panel.jpg");
    background-repeat: no-repeat;
    background-color: #c2dfef;
    background-size: 100% 100%;
    /* Workaround for Internet Explorer 5.5+: simulates background-size attribute. */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../BMP/html/header_bg_panel.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../BMP/html/header_bg_panel.jpg',sizingMethod='scale')";
}

#control_panel div {
    display: inline;
}

#control_panel form {
    display: inline;
}

/* The version control switch. */
.version_control div {
    padding-right: 5px;
}

/* The user label styles. */
.usr_info_display {
    float: left;
    width: 300px;
}

.usr_info_display_box div {
	padding: 0px;
    margin: 0px;
}

.usr_info_display_label {
	display: block;
    float: left;
    width: 80px;
}

/* The note/message styles. */
#note_content table {
    padding-top: 10px;
}

.note_controlls {
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}

#note_content th {
    font-weight: bold;
    font-size: 13px;
    color: #0a328c;
}

.note_control {
	padding: 10px 0px 10px 0px;
}

.note_control form {
    display: inline;
}

#noteReceiver {
	width: 150px;
}

.note_field {
	width: 300px;
}

/* The cable-search form styles. */
.cable_search td {
    width: 190px;
}

.cable_input {
    width: 190px;
}

/* The src or dest links within the result table. */
.cable_refs {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

/* The folder styles. */
#folderContent {
	min-width: 800px;
}

#folderCenteredView {
	width: 700px;
	margin-left: auto;
    margin-right: auto;
}

#folderFilterFieldset {
	width: 700px;
	margin-left: auto;
    margin-right: auto;
}

.folderControl td {
    width: 200px;
}

#folderRelation {
    margin: 30px;
}

.folder_object_deleted {
    color: #DD2222;
}

#folderNames {
	width: 320px;
}

.folder_object_conflict {
	background-color: #DD2222;
}

.folder_object_conflict_list {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	text-align: left;
}

/* Error message styles. */
.error {
    font-size: 16px;
    font-weight: bold;
    color: red;
    text-align: center;
}

.errorResponse {
    padding: 5px;
}

.message {
	margin-bottom: 10px;
	font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.warning {
	margin-bottom: 10px;
	font-size: 16px;
    font-weight: bold;
    text-align: center;
}

/* General table styles */
.resultTableContainer {   
    width: 95%;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

.resultTable {
    font-size: 12px;
    background-color: #e9e9e9;
    border-collapse: collapse;
    border: 1px solid black;
    width: 100%;
}

.resultTable tr, .resultTable td, .resultTable th {
	border: 1px solid black;
	vertical-align: top;
}

.head1_teaser {
	padding: 1px 0px 1px 0px;
    font-weight: bold;
    color: #ffffff;
    background-color: #99a6c8;
    text-align: center;
}

.left_teaser {
    float: left;
    font-weight: bold;
}

.right_teaser {
    float: right;
}

/* Info styles */
#info_logo {
	margin-top: 10px;
}

#info_explorer_logo {
	width: 380px;
	height: 80px;
}

#info_content {
    margin-top: 10px;
    text-align: center;
    width: 400px;
}

.info_content_box {
    background-color: #E9E9E9;
    background-repeat: no-repeat;
    border: 1px solid #000000;
    margin: 0 auto 20px;
    padding: 10px;
    text-align: left;
}

.info_table table td tr {
	margin: 0px;
	padding: 0px;
}

.info_table {
	text-align: left;
	margin-top: 10px;
}

.info_table_td {
	font-weight: bold;
	width: 150px;
}

.info_table_td_active {
	background-color: #00BB66;
	text-align: center;
}

.info_table_td_inactive {
	background-color: #DD2222;
	text-align: center;
}

.info_text_box {
    margin-left: 155px;
}

/* User/Help manual styles */
#help_content {
    margin-left: 350px;
    margin-right: 350px;
    position: absolute;
    text-align: center;
    width: 65%;
}

.help_nav_box {
    background-color: #E9E9E9;
    background-repeat: no-repeat;
    border: 1px solid #000000;
    margin-left: 3%;
    min-width: 200px;
    position: fixed;
    text-align: left;
    width: 200px;
}

.lang_item {
	float: left;
	padding-left: 10px;
	padding-right: 5px;
}

/* Image styles */
.table_image {
	margin-left: auto;
	margin-right: auto;
}

/* General form styles */
.form_container {
	width: 330px;
	margin-left: auto;
    margin-right: auto;
}

.filter_container {
    margin-left: auto;
    margin-right: auto;
}

.login_link {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.form_input {
    width: 150px;
}

.form_label {
    display: block;
    float: left;
    width: 150px;
    margin-right: 10px;
}

.form_submit {
    margin-left: 160px;
}

.form_box {
    margin-bottom: 10px;
}

#print_view_table {
	margin-top: 10px;
}

.resultBox {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	background-color: #E9E9E9;
}

.usr_info_box {
	margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 95px;
	width: 600px;
    background-color: #E9E9E9;
    background-repeat: no-repeat;
    border: 1px solid #000000;
	}

/* 
 * Use it to redefine some classes for smaller screens.
 * @media screen print () and () { ... }
@media screen and (min-width: 0px) and (max-width: 1279px) {
    .usr_info_display {
	    float: left;
	    width: 300px;
	    display: none;
	}
	
    body {
        font-size: 11px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1980px) {
    .usr_info_display {
	    float: left;
	    width: 300px;
	    display: block;
	}
	
    body { 
        font-size: 12px;
    }
}
*/