* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; }

td { vertical-align:top; }
td#top { height:20px; width:100%; border-bottom:3px; border-bottom-style:groove; }
h1 {font-weight:normal; font-style:italic; float:left; margin-bottom: 5px; }
h2 {font-weight:normal;font-style:italic;}
h3 {font-weight:normal;font-style:italic;}
.image { position:relative;	top: 4px; }
.image[class] {top: 6px;}
.imagelink {cursor:pointer;}
span.link {cursor:pointer; text-decoration:underline; font-weight: bold; color:blue; font-size:smaller;}
li {list-style-type:none; position:relative;}

#top div.field {display:inline;}
#top p { display:inline; }
div#navID, div#navSearch { padding-left: 20px; font-size:smaller; vertical-align:middle; }
div#navID .textbox, div#navSearch .textbox { margin-left:3px; font-weight:bold; }
div#navID .textbox { width: 50px; }
div#nav { margin-top: 5px; text-align:right; }
#leftcol, #middlecol, #rightcol { padding: 0 5px;}
#bottom #main { width: 100%;}
#bottom .field p { white-space:nowrap; }
#bottom #ID_Client { font-size:xx-large; font-weight:bold; float:left;}
#bottom #ID_Client p { float: left; }
#bottom #ID_Client span { color: #cc0000; text-align:left; }
#bottom #DateRappel p { text-align: right; margin-right: 2px; font-size:smaller; }
#bottom #DateRappel { width: auto; float:right; text-align:right; }
#bottom .field #txtDateRappel { width: 100px; text-align:right; }
#bottom #leftcol h4 { clear:left; }
#Names {clear:left; width: 100%;}
#Names th {text-align: left;}
#Names td {width: 25%;}
#Names .textbox { width: 95%;}
#CommercialName .textbox {width: 100%;}
#Phones, #AdresseBox {width:50%; float: left; margin-top: 10px;}
#Phones div.field {display: block; margin: 5px 0; text-align: right; padding-right: 10px;}
#Phones p {clear: left; float:left;}
#Phones .textbox {width:260px;}
#AdresseBox textarea {width: 100%; height: 44px;}
#AdresseBox div.field {display: block; text-align: right;}
#AdresseBox p {clear: left; float:left;}
#AdresseBox #Ville, #AdresseBox #Adresse {margin: 5px 0; }
#AdresseBox #txtVille {width:272px;}
#AdresseBox #Province, #AdresseBox #CPostal {width: 45%;}
#AdresseBox #Province {float: left;}
#AdresseBox #CPostal {float: right;}
#AdresseBox #txtProvince, #AdresseBox #txtCPostal {width:80px;}
#rightcol {padding: 10px;}
#rightcol, #rightcol h2 {text-align: right;}
#rightcol h2 {margin-bottom: 10px;}
#rightcol #Balance p {display:inline; font-size: larger; font-weight: bold;}
#rightcol #Balance .textbox {width: 80px; text-align: right;}
#rightcol #Payment tr.title th {text-align: left; font-weight: bold; font-size: larger; font-style: italic;}
#rightcol #Payment .No_Payment {width: 20px; text-align: center;}
#rightcol #Payment .Date_Payment {text-align: left; width: 90px;}
#rightcol #Payment[id] .Date_Payment {width: 110px;}
#rightcol #Payment .Amount_Payment {text-align: right; width: 80px;}
#rightcol #Payment .Amount_Payment .textbox {text-align: right;}
#rightcol #Payment .textbox {width: 95%;}
#rightcol #Payment .Paid_Payment {width: 60px; text-align: center;}
#rightcol #Payment .Paid_Payment .checkbox {margin-top: 3px;}
#rightcol #Payment .boxbottom td {text-align: left;}
#Contracts {clear: both;}
#Contracts li.contract {margin: 3px; padding: 7px; border: 1px solid black; }
#Contracts .Date_Contract, #Contracts .ID_Company {float: left; width: 33%;}
#Contracts .Date_Contract p, #Contracts .ID_Company p, #Contracts .ID_TypeContract p {display:inline; margin-right: 5px;}
#Contracts .Date_Contract .textbox {width: 100px;}
#Contracts .ID_Company .combobox, #Contracts .ID_TypeContract .combobox {width: 180px;}
#Contracts .Location_Contract {width: 50%; float: left; margin-right: 5px;}
#Contracts .Location_Contract textarea {width: 100%; height: 80px;}
#Contracts .Workers {width: 48%; float: right;}
#Contracts .Workers .title th, #Contracts .Workers .headers th, #Contracts .Workers .boxbottom th {text-align: left;}
#Contracts .Workers .ID_Worker, #Contracts .Workers .ID_TypeWorker {width: 40%;}
#Contracts .Workers .Delete_Worker {width: 10%;}
#Contracts .Workers .combobox {width: 100%;}
#Contracts .OrdersTitle {clear: both;}
#Contracts .orders li.order {margin: 3px; padding: 7px; border: 1px solid black;}
#Contracts .orders .GenID {float: left;}
#Contracts .orders .PrintInvoice {text-align: right;}
#Contracts .orders .Items {width: 60%; float: left;}
#Contracts .orders .Items .title th {text-align: left;}
#Contracts .orders .Items .headers th.ID_Item {width: 22%; text-align: left;}
#Contracts .orders .Items .headers th.Delete_ItemOrder {width: 8%; border: 0;}
#Contracts .orders .Items .headers th {width: 14%; border: 1px solid gray;}
#Contracts .orders .Items .ItemSpecs {white-space: nowrap;}
#Contracts .orders .Items .ItemSpecs input.textbox {display: inline; width: 50px; text-align: right; margin-right: 6px;}
#Contracts .orders .Items .AlbumSpecs input.textbox {display: inline; width: 230px; text-align: left;}
#Contracts .orders .Items .combobox {width: 100%;}
#Contracts .orders .Date_Order, #Contracts .orders .ID_Worker {text-align: right; margin-top: 10px;}
#Contracts .orders .Date_Order p, #Contracts .orders .ID_Worker p {display: inline;}
#Contracts .orders .Steps {width: 38%; float: right;}
#Contracts .orders .Steps * {text-align: left;}
#Contracts .orders .Steps .Date_StepOrder {width: 120px;}
#Contracts .orders .Steps .Delete_StepOrder {width: 30px;}
#Contracts .orders .Steps .textbox {width: 95%; text-align: right;}
#Contracts .orders .Steps .combobox {width: 100%;}
#Contracts .orders .Notes_Order, #Contracts .orders .Text_Order {width: 55%;}
#Contracts .orders .Notes_Order textarea, #Contracts .orders .Text_Order textarea {width: 100%; height: 100px;}

/* NEW ORDER STYLING */
#errormessage { clear: left; border: 2px solid #cc0000; background-color:#ff3333; width: 40%; margin: 0 auto; padding: 20px;}
#errormessage li {margin-left: 30px; list-style-type:disc; color: #ffffff; font-weight: bold;}
#neworder #clientselector {clear:left;}
#neworder #clientselector, #neworder #contractselector { margin: 0 1% 15px 1%; width:46%; height:190px; float:left; }
#neworder #lstExisting {height: 130px; width: 100%;}
#neworder #New, #neworder #Existing {display:inline;}
#neworder #NewContractValue, #neworder #ExistingValue, #neworder #ExistingContractValue {margin: 10px;}
#neworder #NewContractValue ul {margin-right: 20px; float: left;}
#neworder #NewContractValue ul:firstchild {display:inline;}
#neworder #NewContractValue li {white-space:nowrap; list-style-type:none;}
#neworder #lblDate_Contract {display:block;}
#neworder #txtDate_Contract {width:100px;}
#neworder #lstContract {height: 52px; width: 100%;}
#neworder #NewClientValue {clear:both; margin: 0 1%;}
#neworder #NewClientValue span {display:block;}
#neworder #NewClientValue .textbox {width:150px;}
#neworder #PrenomMarie, #neworder #PrenomMariee {float:left; width: auto;}
#neworder #NewClientValue #txtNomComplet {width: 304px;}
#neworder #OrderValue {clear:both; margin: 5px 1%;}
#neworder #OrderValue span {display:block;}
#neworder #OrderValue .combobox {width: 204px;}
#neworder #OrderValue .textbox {width: 200px;}
#neworder #OrderValue div {width: auto; float:left; margin: 0 15px 10px 0;}
#neworder #OrderValue #Notes_Order, #neworder #OrderValue #Text_Order, #neworder #OrderValue #Items, #neworder #OrderValue #Steps
	{ margin: 0 2% 15px 0; width:46%;}
#neworder #OrderValue #Items, #neworder #OrderValue #Notes_Order  {clear:left;}
#neworder #OrderValue textarea { width: 100%;  height: 200px; }
#neworder #OrderValue #Items select {width: 104px;}
#neworder #OrderValue #Items .ItemSpecs .textbox {width: 50px; text-align: right;}
#neworder #OrderValue #Items .AlbumSpecs .textbox {width: 212px; text-align: left;}
#neworder #OrderValue #Items .price .textbox {width: 70px; text-align: right; margin: 0 5px;}
#neworder #OrderValue #Items .total .textbox {width: 70px; text-align: right;}
#neworder #OrderValue #Items #ItemsTotal { text-align: right; white-space:nowrap;}
#neworder #OrderValue #Items #ItemsTotal span { display:inline; }
#neworder #OrderValue #Items #txtItemsTotal { font-weight: bold; }
#neworder #OrderValue #Items #AddBalance {text-align: right;}
#neworder #OrderValue #Items label {font-size:smaller;}
#neworder #OrderValue #Steps select {width: 204px;}
#neworder #OrderValue #Steps .Date_Step .textbox {width: 120px; text-align: right; margin: 0 10px;}

/* ORDERS STYLING */
#orders #title { margin-right: 50px; }
#orders a {color: #0000FF;}
#orders div#nav { clear:left; text-align: left;}
#filter {float:right;text-align: right; padding-right: 10px;}
#filter h3 {text-align: center;}
#filter li {text-align: left; white-space: nowrap; }
#CompanySelection {float:left; margin-right: 20px;}
#TypeContractSelection {flodat:left;}
#filter .link {clear: both;}
#clients .value {font-weight: bold;}
#clients .client { border-width: 3px; border-style: ridge; margin: 15px; padding: 5px;}
#clients .ClientID, #clients .Name {float:left; }
#clients .ClientID {width: 75px; }
#clients .ClientID span {font-size: larger; font-weight:bold;}
#clients .txtClientID {color: #cc0000;}
#clients .Balance {text-align: right;}
#clients .redbalance span {color: #ff0000;}
#clients .contracts {clear:left;}
#clients .contract { border-top-width: 1px; border-top-style:solid; padding-top: 3px;}
#clients .Name_Company, #clients .Name_TypeContract {float:left;}
#clients .Name_Company {width: 200px; margin-bottom: 3px;}
#clients .Date_Contract {text-align: right;}
#clients .orders {clear:left;}
#clients .order { border-top-width: 1px; border-top-style:dashed; padding: 3px 0;}
#clients .OpenDesc {padding: 0 10px; float:left;}
#clients .GenID {float:left; width: 350px;}
#clients .Name_OrderType, #clients .Name_Worker {float: left;}
#clients .Name_OrderType {width: 200px;}
#clients .CurrentStep {text-align: right;}
#clients .HiddenOrder {display:none;}
#clients .ShownOrder {display:block; margin: 5px; padding: 5px; border-style:dotted; border-width:1px;}
#clients .Date_Order {clear: left; border-bottom-width:2px; border-bottom-style:groove; float: left;}
#clients .Items {clear: left; float:left;}
#clients .tblItems {border-width: 1px; border-style: solid;}
#clients .tblItems td, #clients .tblItems th {text-align:right; padding: 2px 5px; border-width: 1px; border-style: solid;}
#clients .tblItems .AlbumInfo {text-align:left;}
#clients .tblItems .Name_Item {text-align: left; padding: 2px; width: 250px;}
#clients .tblItems .txtItemsTotal {font-weight: bold;}
#clients .PrintInvoice {text-align: right; padding: 2px 10px;}
#clients .steps {text-align: right;}
#clients .steps li {padding: 2px 10px;}
#clients .steps li span {border-bottom-width:1px; border-bottom-style:dotted;}
#clients .Notes_Order {clear:left;}
#clients .Notes_Order span, #clients .Text_Order span {display:block;}