body {
    width:100%;
    height:100vh;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 20px;
    padding-right: 20px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 10px;
    padding-right: 10px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

#header
{
    width:100%;
    height:80px;
    background-color:#fff;
}

.dialog_title
{
    color:#ffffff;
    font-size:large;
}

.dlg {
    visibility: hidden;
    border: 1px solid #111;
}
.dialog_header
{
    width:100%;
    height:30px;
    background-color:#525252;
}

.dialog_content
{
    width: 100%;
    height:710px;
}
.dialog_content_top
{
    background-color: #f2f2f2;
    width: 100%;
    height:320px;
}

.dialog_content_bottom
{
    width: 100%;
    height:340px;
}

.dialog_content_footer
{
    height:30px;
    padding:15px;
    background-color:#f2f2f2;
}

.dialog_content_copy_user
{
    width: 100%;
    height:200px;
}
.dialog_content_top_copy_user
{
    background-color: #f2f2f2;
    width: 100%;
    height:200px;
}

.dialog_content_pagestatus
{
    width: 100%;
    height:480px;
}
.dialog_content_top_pagestatus
{
    background-color: #f2f2f2;
    width: 100%;
    height:480px;
}

.dialog_content_delete_pagestatus
{
    width: 100%;
    height:250px;
}
.dialog_content_top_delete_pagestatus
{
    background-color: #f2f2f2;
    width: 100%;
    height:200px;
}

.dialog_content_copy_pagestatus
{
    width: 100%;
    height:100px;
}
.dialog_content_top_copy_pagestatus
{
    background-color: #f2f2f2;
    width: 100%;
    height:50px;
}

.dialog_content_qDialog
{
    width: 100%;
    height:100px;
}
.dialog_content_top_qDialog
{
    background-color: #f2f2f2;
    width: 100%;
    height:50px;
}

.dialog_content_footer_pagestatus
{
    height:30px;
    padding:15px;
    background-color:#f2f2f2;
}

.dialog_content_section
{
    width: 100%;
    height:350px;
}
.dialog_content_top_section
{
    background-color: #f2f2f2;
    width: 100%;
    height:200px;
}

.dialog_content_footer_section
{
    height:30px;
    padding:15px;
    background-color:#f2f2f2;
}

.dialog_content_pub
{
    width: 100%;
    height:620px;
}

.dialog_content_top_pub
{
    background-color: #f2f2f2;
    width: 100%;
    height:320px;
}

.dialog_content_bottom_pub
{
    width: 100%;
    height:260px;
}

.dialog_content_footer_pub
{
   height:30px;
   padding:15px;
   background-color:#f2f2f2;
}

.dlg_button_actions {
    width: 100px;
    height:30px;
    float:right;
}

.dlg_button_actions:hover{
    cursor:pointer;
}

.dlg_row {
    clear: both; 
    width: auto; 
    padding-left:10%;
}

.dlg_rowPad5 {
    clear: both; 
    width: 100%; 
    padding-left:5%;
}

.dlg_row_pagesize_title {
    width: 40%; 
    margin-top: 8px; 
    padding: 5px; 
    text-align: left;
    display: inline-block;
}

.dlg_row_pagesize_input {
    width: 40%; 
    margin-top: 8px; 
    padding: 0px;
    text-align: left;
    display: inline-block;
}

.dlg_row_pageorientation_title {
    width: 28%; 
    margin-top: 8px; 
    padding: 5px; 
    float: left; 
    text-align: left;
}

.dlg_row_pageorientation_input {
    width: 15%; 
    margin-top: 8px; 
    padding: 5px;
    float: left; 
    text-align: left;
}

.dlg_row_field_w10 {
    width: 10%; 
    margin: 0px; 
    margin-top: 10px; 
    padding: 0px; 
    float: left; 
    text-align: left;
}

.dlg_row_field_w15 {
    width: 15%; 
    margin: 0px; 
    margin-top: 10px; 
    padding: 0px; 
    float: left; 
    text-align: left;
}

.dlg_row_field_w20 {
    width: 20%; 
    margin: 0px; 
    margin-top: 10px; 
    padding: 0px; 
    float: left; 
    text-align: left;
}

.dlg_row_field_w25 {
    width: 25%; 
    margin: 0px; 
    margin-top: 10px; 
    padding: 0px; 
    float: left; 
    text-align: left;
}

.dlg_row_field_w35 {
    width: 35%; 
    margin: 0px; 
    margin-top: 10px; 
    padding: 0px; 
    float: left; 
    text-align: left;
}

.dlg_row_field_w40 {
    width: 40%; 
    margin: 0px; 
    margin-top: 10px; 
    padding: 0px; 
    float: left; 
    text-align: left;
}

.dlg_row_field_w50 {
    width: 50%; 
    margin: 0px; 
    margin-top: 10px; 
    padding: 0px; 
    float: left; 
    text-align: left;
}

.dlg_row_field_w75 {
    width: 75%; 
    margin: 0px; 
    margin-top: 5px; 
    padding: 0px; 
    float: left; 
    text-align: left;
}

.dlg_row_field_w100 {
    width: 100%; 
    margin: 0px; 
    padding: 0px; 
    float: left; 
    text-align: left;
}

.dlg_row_label_w100 {
    width: 100%; 
    padding-top: 10px; 
    padding-bottom: 0px; 
    float: left; 
    text-align: left;
    font-weight:bold;
}

.box_button_actions {
    width: 100px;
    margin-left:1%;
    margin-right:1%;
    margin-top:10px;
    height:30px;
    float:right;
}

.box_button_actions:hover {
    cursor:pointer !important;
}

.pub_button_actions {
    width: 100px;
    height:27px;
}

.pub_button_actions:hover {
  cursor:pointer;
}

.pubDropdownView {
    display:block; 
    margin:0px auto; 
    height:50px; 
    background-color: #fff;
}

#background {
    width: auto;
    height:auto;
}

#oppolislogo {
    float:left;
    width: 0px;
    margin-top:10px;
    margin-left:20px;
    background-repeat:no-repeat;
    /*background-image: url('/Images/home_logo.png');*/
    height: 50px;
}

#oppolistitle h1{
   float:left;
   margin-left:20px;
   height: 30px;
}

#titlebartop h4{
   text-align:center;
   color: black;
   vertical-align:middle;
   height:20px; 
   float:left;
   width:auto;
   font-size:x-large;
}

#titlebartop {
    background-color: #f2f2f2;
    color: black;
    width: auto;
    height:40px;
    padding:10px;
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
}

.pageSubtitle {
    color: black;
    width: auto;
    height:30px;
    font-size:20px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    padding:10px 0px;
}

#buttonbar {
    background-color: #f2f2f2;
    height:40px;
    padding:10px;
}

#upbox {
    background-color: #ffffff;
    width: auto;
    height:auto;
}

#downbox {
    background-color: #ffffff;
    width: auto;
    height:auto;
}

#pubMenuTab {
    background-color: #f2f2f2;
    height:auto;
}

#pageStatusMenuTab {
    margin-top:50px;
    width: 100%;
    height:auto;
    clear:both;
}

#userMenuTab {
    margin-top:0px;
    width: 100%;
    height:auto;
    clear:both;
}

#pubDialogMenuTab {
    margin-top:0px;
    width: 100%;
    height:auto;
    clear:both;
}

#userGrid {
    width: 100%;
    height:100%;
}

#nusergroupsgrid {
    width: 100%;
    height:100%;
}

#pubGrid {
    width: 100%;
    height:100%;
}

#nugrid {
    width: 100%;
    height:100%;
}

#npgrid {
    width: 100%;
    height:100%;
}

#loginButton {
    width: 100%;
    /*float:left;*/
    margin-top:10px;
    height:40px;
    color:#fff;
    background: black;
}

#loginButton:hover {
    background: #fff;
    border:1px solid black;
    color:black;
}

.searchBar {
    padding:10px; 
    background-color:#f2f2f2;
}