/*  
Theme Name: CGR
Author: Camilo Gutierrez
Author URL: http://www.camilogr.com
Copyright (c) Camilogr 2011.
*/

* {padding: 0; margin: 0;} 

/* generic ------------------------------------------------------ */
body {
	background-position: top center;
	background-image: url(../images/bg_top.jpg);
    background-repeat: repeat-x;
	background-color:#ecedee;
	width: 100%;
}
body {overflow-y: scroll;}

/* divs template ---------------------------------------------------- */

#header {
	width: 900px;
	height: 83px;
	margin: 0 auto; 
	position: relative;
}

#customers {
	position: absolute;
	top: 42px;
	left: 721px;
	z-index: 99;
}

#row_w {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-color:#FFF;
}

#row {
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#object {
	position: absolute;
	top: 178px;
	left: -2px;
	z-index: 99;
}

#contact-people {
	width:  330px;
	height: 100px;
	float: left;
	padding: 0px 0px 20px 0px;
/*	line-height:60%;*/
}

#footer {
	background-image:url(../images/bg_footer.jpg);
	background-position: top center;
    background-repeat: repeat-x;
	background-color:#ecedee;
	height: 80px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align:center;
}

/* tables  ------------------------------------- */
/* define as: class="table_servicios" */

.table_home {
	background-image:url(../images/bg_home.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 100%;
	border: 0;
}

.pages {
	border-left: 1px solid #3bbddd;
}

/* form  ------------------------------------- */

.b_login {background-color:#ecedee; border:0px solid #ccc; padding:3px 8px;}
.b_login:hover {background-color:#999;}
.bsend {background-color:#ecedee; border:1px solid #ccc; padding:3px 10px;}
.bsend:hover {background-color:#999;}

.new_cs_host {
	border: 1px solid #cccccc;
	color: #0033cc;
	width: 120px;
}

.new_cs_left {
	border: 1px solid #cccccc;
	color: #0033cc;
	width: 200px;
	padding-left: 3px;
}

.new_cs_right {
	border: 1px solid #cccccc;
	color: #0033cc;
	width: 375px;
	height: 475px;
	padding-left: 3px;
}

.search {
	border: 0;
	width: 150px;
	background: transparent;
	margin-bottom: 3px;
	margin-left: 30px;
}

.login {
	border: 0;
	width: 145px;
	background: #ecedee;
	padding: 3px;
}


/* monitor ------------------------------------------------------ */
.mt_amount {
    border: 1px solid #CCCCCC;
    color: #0033CC;
    padding-left: 3px;
    width: 114px;
}
.mt_notes_right {
	border: 1px solid #cccccc;
	color: #0033cc;
	width: 375px;
	height: 150px;
	padding-left: 3px;
}
.datepicker_left {
	border: 1px solid #CCCCCC;
	color: #0033CC;
	padding-left: 3px;
	width: 98px;
	}
#ui-datepicker-div {font-size:11px;} /*datepicker size*/
.monitor {
	color: #F60;
}
/* /monitor ------------------------------------------------------ */


/* bill ------------------------------------------------------ */
.bill_datepicker_left {
	border: 1px solid #CCCCCC;
	color: #060;
	padding-left: 3px;
	width: 98px;
	}
.bill_description {
    border: 1px solid #CCCCCC;
    color: #060;
    padding-left: 3px;
    width: 200px;
}
.bill_amount {
	border: 1px solid #cccccc;
	color: #060;
	width: 98px;
	padding-left: 3px;
	margin-top: 5px;
}
.bill_notes {
	border: 1px solid #cccccc;
	color: #060;
	width: 375px;
	height: 150px;
	padding-left: 3px;
}
.green, .bill {
	color: #060;
	}
/* /bill ------------------------------------------------------ */





/* fonts ------------------------------------------------------ */

* {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#333;}

a:hover {color:#0033cc;}

.response {color: #0033cc;}

.delete {color:transparent;}
a:link.delete {color:transparent;}
a:hover.delete {color:#F00;}

h1 {font-family:'Anton', Arial, Helvetica, sans-serif; font-size:22px; color:#333; padding:7px 0 0 0; font-weight:lighter; display: inline-block;}

h2 {font-family:'Anton', Arial, Helvetica, sans-serif; font-size:20px; color:#333; padding:0px 0 0 0; margin-bottom:-3px; margin-top:-3px; font-weight:lighter;}

h3 {font-family:'Anton', Arial, Helvetica, sans-serif; font-size:18px; color:#ff6c00; padding:0px 0 0 0; margin-bottom:-3px; margin-top:-3px; font-weight:lighter; display: inline-block;}

.title {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0066cc; font-weight:bold; padding:7px 0 0 0; text-decoration:none; }
a:link.title {text-decoration:none; }
a:hover.title {color:#242424; text-decoration:none;}

.disable {color:#999;}
a:link.title { }
a:hover.title {color:#0033cc;}

.bottom_nav {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#003399; text-decoration:none; padding-right:12px;}
a:link.bottom_nav {text-decoration:none; }
a:hover.bottom_nav {color:#242424; text-decoration:none;}

.footer {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#999; text-decoration:none; padding-top:15px;}
a:link.footer {text-decoration:none; }
a:hover.footer {color:#01509e; text-decoration:none;}