/*
	common styles
*/

/* IE hack to set proper width for buttons */
button {
   	width:auto;
   	overflow:visible;
}

a {
    font-weight: bold;
    text-decoration:none;
}

/* unvisited link */
a:link {    
	color: #666666;
}

/* visited link */
a:visited {
	color: #666666;
}

 /* mouse over link */
a:hover {
    background-color: transparent;
    color: orange; 
    text-decoration: underline;
}

/* selected link */
a:active {
	color: #666666;
}   




img { 
	margin:0;
	padding:0;
	border: none 
}

/* 0 means zero regardless of measurement */
body {
    background: #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

th, td, pre, code {
    font-size: 12px;
}

table {
    margin: 0;
    padding: 0;
	border:none; 
	border-collapse:collapse;
	border-spacing:0px;    
}

form {
    margin: 0;
    padding: 0;
    width:100%;
}

p {
    font-size: 12px;
    margin: 0px 0px 16px 0px;
    padding: 0px;
}


pre {
    background: #ffffdd;
    border: 1px solid #999999;
    color: #000000;
    padding: 5px 5px 5px 7px;
}



/* 
	Forms, inputs, selects, and others
*/
form input, form textarea, form select {
    padding: 1 1 1 4;
    color: #555;
    border: solid 1px #888888;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url("../images/bginput.gif"); 
    background-repeat: no-repeat;

}




input.error, select.error, textarea.error {
	border: 1px solid red;
}

td.error {
	border: 1px solid red;	
}

form input.readonly, form textarea.readonly, form select.readonly {
	background-color: #E5E5E5;
	background-image: none;
}

form input.focus, form textarea.focus {
    border-color: orange;
    color: #000;
}


/*
	editable combo
*/
form input.combo {
	padding:0;
	background-image: none;
	background-color: white;
	height:20px;
	width:20px;
}

div.combo {
	position:absolute; 
	top:0px;
	left:0px;
	z-index:10000;
}

form select.combo {
    border: solid 1px #888888;
}

form select.combo option {
	border: none;
}


/* Labels for validation and label tag */
label {
    font-weight: normal;
    cursor: pointer;
}

label.required {
    font-weight: bold;
}

label.error {
    font-weight: bold;
    background: transparent;
    color: red;
}

span.req {
	margin-left:2px;
	font-weight: bold;
	color: red;
}


/*
	Navigation bar
*/
div.navigation {
	font-size:10px;
	color:#AAAAAA;
	margin-bottom:16px;
}

div.navigation a {
	text-decoration:none;
	color:#AAAAAA;
}

div.navigation a:hover {
	text-decoration:underline;
	color:#AAAAAA;
}

div.navigation a:visited {
	text-decoration:none;
	color:#AAAAAA;
}

div.navigation span.current {
	display:block;
	margin-top:4px;
	font-size:20px;
}

/*
	list tables
*/

.right {
	text-align:right;
}

.center {
	text-align:center;
}

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

/*
	display tag paginator
*/

span.pagelinks {
	color:#CCCCCC;
}

span.pagelinks img {
	vertical-align:text-bottom;
}

span.pagelinks span.selected {
	font-weight:bold;
	color:#F07C08;
}

span.pagelinks a.pprev {
	margin-right:3px;
}

span.pagelinks a.pnext {
	margin-left:3px;
}

span.pagelinks a.plast {
	margin-right:4px;
}

span.pagelinks a.pfirst {
	margin-left:4px;
}