﻿/*****************************************************
Author: Burciu Ovidiu | o.burciu@gmail.com
Date:	May.2009 
******************************************************
CSS Style Table of contents:
[1] Main Layout
[2] Common classes definition
[-] Cross browser compatibility
******************************************************
[1] Main Layout
******************************************************/

body {margin:0px; background-color:#ffffff; font-family:Tahoma; font-size:12px; color:#a2a1a1; font-weight:bold;}
h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; line-height:normal; font-weight:bold;}

h2 {float:left; padding:0px 0px 10px 0px; width:100%; font-size:18px; width:100%; color:#92d400;}
h3 {float:left; padding:10px 0px 10px 0px; width:100%; font-size:14px; width:100%; color:#92d400;}

a {color:#272262; text-decoration:none;}	
a:hover {text-decoration:underline;}	
a.active {color:#272262; text-decoration:underline;}

ul {margin:0px; padding:0px; margin-left:15px; list-style-type:none;}
input, button, select, textarea {font-family:Tahoma; font-size:12px; color:#404040;}
img {border:0px;}
td {vertical-align:top;}

#wrapper {margin:0px auto; width:984px;}
#pageContainer {float:left; width:100%;}
#header {float:left; width:100%; height:100px;}
#body {float:left; width:100%; background-image:url("Graphics/bg_page.jpg"); background-position:left top; background-repeat:repeat-x; padding-bottom:10px;}
#top {float:left; width:959px; padding:11px 10px 11px 15px; color:#272262; font-weight:bold; font-size:14px;}
#top a {padding:0px 5px;}
#breadcrumb {float:left; width:959px; padding:10px 10px 25px 20px; font-weight:bold; font-size:10px; color:#848383;}
#leftCol {float:left; width:123px; border-right:solid 1px #848383; padding:0px 0px 0px 20px;}
#leftCol a {float:left; clear:both; font-weight:bold; font-size:14px;}
#rightCol {float:left; width:800px; margin-left:-1px; padding:0px 20px;}
#footer {float:left; width:100%; border-top:solid 2px #c8c8c8;}

.sepTop {float:left; width:100%; border-top:solid 1px #dcd9e1; margin-top:30px; padding-top:20px;}
.customLabel {float:left; width:150px; padding-top:3px;}
.cancelContainer {float:left; padding:9px 0px 0px 5px; white-space:nowrap; font-weight:lighter;}
.cancelContainer a {color:#3182de; text-decoration:underline;}
.cancelContainer a:hover {text-decoration:none;}
.settVals {float:left; white-space:nowrap; color:#000000; font-weight:lighter; padding:3px 0px 0px 0px;}
                 
.table {border:solid 1px #6f6f6f; border-collapse:collapse;}
.cellEmail {width:200px; text-align:center; color:#272262;}

.btnBuildReport {float:left; width:206px; height:40px; background-image:url("Graphics/btnSetupReport.jpg"); text-decoration:none; background-repeat:no-repeat; background-position:left center; font-size:0px;}
.btnBuildReport:hover {text-decoration:none;}	
.btnBuildReport span {display:none;} 

.btnSaveChanges {float:left; width:152px; height:40px; font-size:0px; text-decoration:none; text-decoration:none; background-image:url("Graphics/savechanges.png"); background-repeat:no-repeat; background-position:left center; margin-left:5px;}
.btnSaveChanges:hover {text-decoration:none;}	
.btnSaveChanges span {display:none;} 

.btnEditSettings {float:left; width:184px; height:40px; font-size:0px; text-decoration:none; background-image:url("Graphics/editcompanysettings.png"); background-repeat:no-repeat; background-position:left center; margin-left:5px;}
.btnEditSettings:hover {text-decoration:none;}	
.btnEditSettings span {display:none;} 

.btnResetPassword {float:left; width:186px; height:36px; font-size:0px; text-decoration:none; background-image:url("Graphics/btnResetPassword.jpg"); background-repeat:no-repeat; background-position:left center;}
.btnResetPassword:hover {text-decoration:none;}	
.btnResetPassword span {display:none;}

.btnAddUser {float:left; width:152px; height:40px; font-size:0px; text-decoration:none; background-image:url("Graphics/addnewuser.png"); background-repeat:no-repeat; background-position:left center; margin:0px 0px 5px 5px;}
.btnAddUser:hover {text-decoration:none;}		
.btnAddUser span {display:none;} 

.btnAddClient {float:left; width:152px; height:40px; font-size:0px; text-decoration:none; background-image:url("Graphics/addnewclient.png"); background-repeat:no-repeat; background-position:left center; margin:0px 0px 5px 5px;}
.btnAddClient:hover {text-decoration:none;}		
.btnAddClient span {display:none;} 

.btnAddPartner {float:left; width:152px; height:40px; font-size:0px; text-decoration:none; background-image:url("Graphics/addnewpartner.png"); background-repeat:no-repeat; background-position:left center; margin-left:5px;}
.btnAddPartner:hover {text-decoration:none;}		
.btnAddPartner span {display:none;} 

.btnLogin {float:left; width:92px; height:40px; font-size:0px; text-decoration:none; background-image:url("Graphics/login.png"); background-repeat:no-repeat; background-position:left center; margin: 0px 0px 0px 0px;}
.btnLogin:hover {text-decoration:none;}		

.btnPreviewWidget {float:left; width:188px; height:40px; font-size:0px; text-decoration:none; background-image:url("Graphics/previewinteractivetool.png"); background-repeat:no-repeat; background-position:left center; margin-left:5px;}

.btnEditWidgetSettings {float:left; width:188px; height:40px; font-size:0px; text-decoration:none; background-image:url("Graphics/editinteractivetool.png"); background-repeat:no-repeat; background-position:left center; margin-left:5px;}
.btnEditWidgetSettings:hover {text-decoration:none;}		

.btnDeleteSelected {float:right; width:152px; height:40px; font-size:0px; text-decoration:none; background-image:url("Graphics/delete_selected.png"); background-repeat:no-repeat; background-position:left center; margin:0px 0px 5px 5px;}
.btnDeleteSelected:hover {text-decoration:none;}		
.btnDeleteSelected span {display:none;} 

.btnExportReport {float:left; width:184px; height:40px; font-size:0px; text-decoration:none; background-image:url("Graphics/ExportReport.png"); background-repeat:no-repeat; background-position:left center; margin-left:5px;}
.btnRefreshReport {width:184px; height:40px; font-size:0px; text-decoration:none; background-image:url("Graphics/RefreshReport.png"); background-repeat:no-repeat; background-position:left center; margin-left:5px;}

.detailTable { color:#666666;}
.detailTable table {margin-left:12px;}
.detailTable table tr.even{background-color:#fff;}
.detailTable table tr.odd{background-color:#e0e0e0;}
.detailTable table tr.total{background-color:#b0b0b0;}
.detailTable table td.data{text-align:center; width:200px;}
.detailTable table td {width:200px;}

/******************************************************
[2] Common classes definition
******************************************************/
.fl {float:left;}	.fr {float:right;}	.fn {float:none;}
.cl {clear:left;}	.cr {clear:right;}	.cn {clear:none;}
.row {float:left; width:100%; padding:3px 0px;}	.maxWidth {width:100%;}	
.textl {text-align: left;} .textc { text-align: center; } .textr {text-align: right; }

.bold {font-weight:bold;}	

.mT10 {margin-top:10px;}	.mT20 {margin-top:20px;}	
.mB20 {margin-bottom:20px;}

.pdL10 {padding-left:10px;}	.pdL20 {padding-left:20px;}
.pd10 {padding: 10px; }

.w150 {width:150px;}
.w156 {width:156px;}
.w300 {width:224px;}
.subcontent {width:600px;}
.autow {width:auto !important;}

/******************************************************
[-] Cross browser compatibility
******************************************************/

.cultures { padding: 5px 5px 0px 0px; position:relative; left:650px; }
.btnEdit { text-align:center; font-weight:normal; line-height:30px;}
.btnCancel { text-align:center; font-weight:normal; line-height:30px;}
#orText { text-align:center; font-weight:normal; line-height:30px;}
.centrecolumn { text-align:center; }
.boldTitle { color:#666666;}
.clear { clear:both; }

/* The hint to Hide and Show */
.hide { display:block; }
.show { display:none; }
.tooltip { font-weight:100; }
.EmbedTextBoxHint { background-image:url("Graphics/information_icon.gif");background-position:5px 1px; background-repeat:no-repeat;padding-left:40px;border: 2px solid grey;}
.errormessage { color:Red; }
