/* 	Copyright 2007 Jason Kanaris
	Developed by Jason Kanaris
	
	About MAIN.CSS
	Date Modified: June 1, 2007
	Version 1.0
	
	This is a stylesheet for Parking Ticket Appeals System website.
*/

gray
{
    background-color:Gray;
}

body 
{
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	margin-top: 0px;
	margin-left: 0px;
	
}
html
{
    background-color: #660000;
}

/* DIV ID and subclass definitions used for the page layout */
#wrap {
	top:0px;
	width:100%;
	max-width:1920px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#container {
	position: relative;
    width:100%;
    top: 0px;
	
}

#mainLayer {
	width: 100%;
	float: left;
    background-color: #ffffff;
	z-index:102;
	border:0px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.mainTextLayer {
	float: left;
	width:100%;
	box-sizing:border-box;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	z-index: 102;
}

#header, #footer {
	width: 100%;
	position:relative;
}

#footer 
{
    z-index:101;
	float: right;
	padding-top: 20px;
	height: 50px;
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
#headerPartA {
	position: relative;
	top: 0px;
	height: 30px;
	width:100%;
	overflow:hidden;
}
#headerPartB {
	position: relative;
	width:100%;
	overflow:hidden;
	height: 105px;
}
#headerPartC {
	position: relative;
	top: 0px;
	width:100%;
	overflow:hidden;
	height: 60px;
	background-color: #cccccc;
}
#horizontalNavigation {
	background-color: #0063a3;
	position: relative;
	top: 0px;
	min-height: 30px;
	width: 100%;
	display: flow-root;
	z-index:102;
	
}

#subheader 
{
	background-color: #fafafa;
	position: relative;
	top: 0px;
	min-height: 13px;
	text-align:right;
	font-weight:bold;
	font-size:12px;
	width:100%;
	z-index: 101;
}

p.crumb {
	text-align: left;
	margin-top: 0px;
	padding-top: 1px;
	color: #302b7c;
}

.search {
    border:2px solid;
    border-color:darkgrey;

}


.detail {
    margin-top:1px;
    border:2px solid;
    border-color:darkgrey;
    
}


div.block{
  overflow:hidden;
}
div.block label{
  width:160px;
  display:block;
  float:left;
  text-align:left;
}

div.block .input{
  margin-left:4px;
  float:left;
}

div.block div {
    float:left;    
}

/* Navigational Elements */


/* Structural Elements */
h1, .h1 {
	color: #0063a3;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
}
h2, .h2 {
	color: #990000;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}
h3, .h3{
	color: #0063a3;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
}
h4, .h4 {
	color: #990000;
	font-size: 12px;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}
ul {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 0px;
	padding: 5px;
}
ul ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 0px;
	padding: 0px;
}
ul ul ul {
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 5px;
	padding: 0px;
}
ul ul li.regular {
	background-color: #ffffff;
}
ul.regular {
	list-style-type: square;
	list-style-position: outside;
	vertical-align: middle;
	text-align: left;
	margin-left: 4em;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}
ul ul.regular {
	list-style-type: disc;
	list-style-position: outside;
	vertical-align: middle;
	text-align: left;
	margin-left: 4em;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}
ol {
	list-style-type: decimal;
}
ol.alpha {
	list-style-type: upper-alpha;
}
ol ol {
	list-style-type: lower-alpha;
}
ol li {
	vertical-align: middle;
	text-align: left;
	padding-left: 1px;
	margin: 0.5em;
}
dl dl {
	margin-left: 20px;
	margin-top: 5px;
}
dl dl dt {
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-right: 1em;
	color: #990000;
}
dt {
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 0.5em;
	margin-right: 1em;
}
dd {
	margin-left: 20px;
	margin-right: 1em;
	margin-bottom: 1em;
	text-align: justify;
}
dd.highlight {
	background-color: #BCD2EE;
	margin-left: 1em;
	margin-bottom: 1em;
	text-align: justify;
}
form {
	display:inline;
}
hr {
	height: 1px;
	background-color: #f0f0f0;
	color: #999999;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
p {
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
}
p.contact {
	margin-left: 20px;
}

.wizard .wizard-navstyle tr, .wizard .wizard-navstyle td, .wizard .wizard-navstyle table, .wizard td
{
	padding: 3px;
	border: 0px
}

.wizard .wizard-stepstyle td, .wizard .wizard-stepstyle tr
{
	border: 1px solid #ccc;
}



.hopType1
{
    background:url(images/hopType1.gif) no-repeat center; 
    
}


.hopType2
{
    background:url(images/hopType2.gif) no-repeat center; 
    
}

.mashTemperatureImg
{
    background:url(images/mashTemperatureLine.gif) no-repeat top; 
    
}

.hopType3
{
    background:url(images/hopType3.gif) no-repeat center; 
    
}

.hopType4
{
    background:url(images/hopType4.gif) no-repeat center; 
    
}

.hopType5
{
    background:url(images/hopType5.gif) no-repeat center; 
    
}
.hopType6
{
    background:url(images/hopType6.gif) no-repeat center; 
    
}

.diagonalLine
{
    background:url(images/diagonalLine.jpg) no-repeat center;
}



/* Anchors */
a:link {
	color: #0063a3;
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:visited {
	color: #0063a3;
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	color: #990000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

th a:link {
	color: white;
	font-weight: bold;
}

/* Elements used to highlight text */
em {
	background-color: #BCD2EE;
	font-style: normal;
}

/* General subclasses */
.right {
	text-align: right;
}


.center {
	text-align: center;
	padding-left:auto;
	padding-right:auto;
}
.center td{
    text-align: center;
	padding-left:auto;
	padding-right:auto;
}

.left {
	text-align: left;
}

.left tbody tr td{
    text-align: left;
}
.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
	padding-top:auto;
	padding-bottom:auto;
}
.bottom {
	vertical-align: bottom;
}
.stripe {
	background-color: #BCD2EE;
}

/* TankGas specific */
.error {
	font-weight: bold;
	color: red;
}

.success {
	font-weight: bold;
}

.ErrorList ul
{
	list-style-type: disc;
	list-style-position:inside;	
}



#table_display_financial
{
	display:block;
}

.title
{
	display:none;
}

.ajax_tab_body, ajax_tab_tab
{
	background-color:Green; text-decoration:underline; color:Red;
}

.ajax_tab_active
{
	background-color:Green; text-decoration:underline; color:Red;
}
.ajax_tab_hover
{
	background-color:Green; text-decoration:underline; color:Red;
}

.yeast
{
    display:none;
}

.displayNone
{
    display:none;
}



.itemPadding
{
    padding-right:4px;
}

.DropDownList
{
	display:inline;
}
.Button
{
    display:inline;
}
.Label
{
    display:none;
}

@media print 
{
	#container
	{
		top:0px;
		width:1920px;
		background-repeat: no-repeat;
		z-index:110;
	}

    .print
    {
        display:none;
    }
	
	#printBtn
	{
	    display:none;
	}
	.beerStatusMargin
	{
	    margin-top:70px;
	}
	
	.yeast
	{
	    display:none;
	}
	
	html
    {
        background-color: White;
    }
	
	#container, #headerPartA, #headerPartB, #headerPartC, #horizontalNavigation, #subheader {
		border-left: 0px;
		border-right: 0px;
	}
	
	#header
	{
		display:none;
	}
	
	#th_openProject
	{
		color:Black;
	}
	
	#footer
	{
		display:none;
	}
	
	.TextBox
	{
		border-width:1px;
	}
	
	.DropDownList
	{
		border: solid 1px;
		display:none;
	}
    .Button
    {
        display:none;
    }
    .Label
    {
        display:inline;
    }
	
	#div_print_summary
	{
		height:1056px;
	}
	.printIcon
	{
		display:none;
	}
	
	.title
	{
		display:block;
	}
	
	#print
	{
		display:block;
		height:auto;
		overflow:auto;
		visibility:visible;
		FILTER: !important ;
		
	}
	
	#hr_display
	{
		display:none;
	}
	
	#display
	{
		display:none;		
	}
	
	#display1
	{
		display:none;
	}
	
	#print1
	{
		display:block;
	}
	
	#mainLayer {
		width: 1920px;
		float: left;
		background-color: #ffffff;
		z-index:22;
		border:0px solid #cccccc;
	}
	.mashTemperatureImg
    {
        background:url(images/mashTemperatureLine.gif) no-repeat top;         
    }


    .modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
    }

    /* When the body has the loading class, we turn
       the scrollbar off with overflow:hidden */
    body.loading {
        overflow: hidden;   
    }

    /* Anytime the body has the loading class, our
       modal element will be visible */
    body.loading .modal {
        display: block;
    }

}
/* 인쇄는 기존 1920px 고정 레이아웃 그대로 유지한다 (화면만 반응형) */
@media print
{
	#wrap { width:1920px; max-width:none; }
	.mainTextLayer { width:1920px; box-sizing:content-box; }
}