* {
    margin:0px;
    padding:0px;
    font-family:'Calibri';
}


div#MainContainer{
    width:100%;
    height:100%;
}

div#banner{
    background:url('images/Banner.jpg') no-repeat;
}

div#navbar{
    width:100%;
    background-color:black;
    height:42px;
    margin-top:-6px;
}

div#content{
    padding-left:5px;
    padding-bottom:10px;
}

div#supervisor_list{
    margin-top:20px;
    width:490px;
    height:auto;
    max-height:250px;
    overflow:auto;
    border:1px solid black;
}

#addbounry,#removeboundry,#addsubzone,#removesubzone,#addmember,#removemember,#add_dmz,#remove_dmz,#addsubzone_additional,#removesubzone_additional,#addsubzone_substract,#removesubzone_substract,#addsubzone_boundary,#removesubzone_boundary,#addsubzone_group,#removesubzone_group {
    display: block;
    border: 1px solid #aaa;
    text-decoration: none;
    background-color: #fafafa;
    color: #123456;
    clear:both;
    margin-top:2px;
}
div#addBoundry,div#removeBoundry,div#addSubzone,div#removeSubzone,div#addMember,div#removeMember,div#addDmz,div#removeDmz,div#addSubzone_additional,div#removeSubzone_additional,div#addSubzone_substract,div#removeSubzone_substract,div#addSubzone_boundary,div#removeSubzone_boundary,div#addSubzone_group,div#removeSubzone_group {
    float:left;
    text-align: center;
    margin: 10px;
}

.padding{
    padding-left:40px;
}

.right_menu{
    float:right;
    padding-right:15px;
}

.i_warning{
    background:url('images/i_warning.gif') no-repeat;
    margin:0px 10px 0px 5px;
    vertical-align:middle;
    width:20px;
}

div#login_error{
    border:1px solid red;
    padding:3px;
    width:400px;
    background-color:pink;
    margin:-12px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#error_con{
    border:1px solid red;
    padding:3px;
    width:400px;
    background-color:pink;
    margin:-12px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#success_con{
    border:1px solid #13BF2C;
    padding:3px;
    width:400px;
    background-color:#B4EBBC;
    margin:-10px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#error_verify{
    border:1px solid red;
    padding:3px;
    width:400px;
    background-color:pink;
    margin:-12px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#success_verify{
    border:1px solid #13BF2C;
    padding:3px;
    width:400px;
    background-color:#B4EBBC;
    margin:-10px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#error_close_error{
    border:1px solid red;
    padding:3px;
    width:400px;
    background-color:pink;
    margin:-12px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#success_close_error{
    border:1px solid #13BF2C;
    padding:3px;
    width:400px;
    background-color:#B4EBBC;
    margin:-10px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#error{
    border:1px solid red;
    padding:3px;
    width:400px;
    background-color:pink;
    margin:-12px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#error_level_delete{
    border:1px solid red;
    padding:3px;
    width:400px;
    background-color:pink;
    margin:-12px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#error_pipe_delete{
    border:1px solid red;
    padding:3px;
    width:400px;
    background-color:pink;
    margin:-12px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#error_job_code_delete{
    border:1px solid red;
    padding:3px;
    width:400px;
    background-color:pink;
    margin:-12px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#error_level_edit{
    border:1px solid red;
    padding:3px;
    width:400px;
    background-color:pink;
    margin:5px 0px 5px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#error_pipe_edit{
    border:1px solid red;
    padding:3px;
    width:400px;
    background-color:pink;
    margin:5px 0px 5px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#error_job_code_edit{
    border:1px solid red;
    padding:3px;
    width:400px;
    background-color:pink;
    margin:5px 0px 5px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}
div#success{
    border:1px solid #13BF2C;
    padding:3px;
    width:400px;
    background-color:#B4EBBC;
    margin:-10px 0px -20px 0px;
    text-align:center;
    display:none;
    font-size:12px;
    z-index:8;
}

a:link {text-decoration:none;}
a:visited {text-decoration:none;color:blue;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
.button{
    width:80px;
    height:22px;
}
.black {
    color:#000000;
}
.red{
    color:red;
}
.orange {
    color:#FDB913;
}
.white{
    color:#FFFFFF;
}
.blue{
    color:blue;
}
.green{
    color:green;
}
.bold {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.century_gothic{
    font-family:"Century Gothic Bold";
}
.underline {
    text-decoration:underline;
}
._10 {
    font-size:10px;
}
._12 {
    font-size:12px;
}
._13 {
    font-size:13px;
}
._14 {
    font-size:14px;
}
._16 {
    font-size:16px;
}
._18 {
    font-size:18px;
}
._20 {
    font-size:20px;
}
._72{
    font-size:72pt;
}
.bg_gray{
    background-color:#E6E6E6;
}
.clear_both {
    clear:both;
}
.cursor_pointer {
    cursor:pointer;
}
.mouseover{
    text-decoration:underline;
}
.mouseout{
    text-decoration:none;
}
.tr_mouseover{
    background:#BDBDBD;
}
.tr_mouseout{
    background:#CDCDCD;
}
.input{
    height:19px;
    width:180px;
    border:1px solid grey;
    padding-left:5px;
}
.select{
    height:22px;
    width:188px;
    border:1px solid grey;
}
.textarea{
    border:1px solid grey;
    font-size:12px;
}
span{
    font-size:13px;
}
table.sample {
	border-width: 1px;
	border-spacing: 5px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.sample th {
	border-width: 1px;
	padding: 3px;
	border-style: groove;
	border-color: gray;
	background-color: white;
}
table.sample td {
	border-width: 1px;
	padding: 3px;
	border-style: groove;
	border-color: gray;
	background-color: white;
}
table.sample2 {
	border-width: 1px;
	border-spacing: 5px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
}
table.sample2 th {
	border-width: 1px;
	padding: 3px;
	border-style: groove;
	border-color: gray;
}
table.sample2 td {
	border-width: 1px;
	padding: 3px;
	border-style: groove;
	border-color: gray;
}
/*table{
    text-indent:5px;
}*/