body 
{
    margin:0;
    padding:0;
    font-family: Verdana;
    font-size: 12px;
}

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

a:link
{
    color: #00F;
}

a:visited
{
    color:#00F;
}

h1
{
    float: left;
    margin:0;
    padding:3px 10px 3px 10px;
    font-weight: normal;
    color: #fff;
    font-size: 30px;
}

h2
{
    float: left;
    margin:0;
    padding:14px 10px 3px 10px;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
}

div.content
{
    width: 770px;
    background-image: url('../images/bkgMain2.gif');
    background-repeat:repeat-y;
    padding: 0 13px 0 13px;
}

div.content2
{
    width: 1000px;
    padding: 0px;
	border-left:14px #e0edf3 solid;
	border-right:14px #e0edf3 solid;
	border-bottom:14px #e0edf3 solid;
}

.logo
{
	height: 85px;
	background-image: url('../images/yourlogoHeaderBkg.gif');
    background-repeat: repeat-x;
}

.menu
{
    height: 34px;
    background-image: url('../images/bkgMenu2.gif');
    background-repeat: repeat-x;
}

.text1
{
	color:#555;
	text-align:left;
	padding:15px;
}

.text2
{
	color:#000;
	text-align:left;
	font-size:18px;
	font-weight:bold;
}

.GreenTitle
{
	font-size: 22px;
	color: #036802;
	font-weight: bold;
}

.LoginContainer
{
	width: 550px;
	height: 250px;
	background-color: #F6F6F6;
	border: solid 1px #C6C6C6;
}

/************MENU************/

.tab1
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab1.gif');
    background-repeat: no-repeat;
    cursor: pointer;
}

.tab1_hover
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab1.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -34px;
}

.tab1_active
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab1.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -68px;
}

.tab1_active_hover
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab1.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -102px;
}

.tab2
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab2.gif');
    background-repeat: no-repeat;
    cursor: pointer;
}

.tab2_hover
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab2.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -34px;
}

.tab2_active
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab2.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -68px;
}

.tab2_active_hover
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab2.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -102px;
}

.tab3
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab3.gif');
    background-repeat: no-repeat;
    cursor: pointer;
}

.tab3_hover
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab3.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -34px;
}

.tab3_active
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab3.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -68px;
}

.tab3_active_hover
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab3.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -102px;
}

.tab4
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab4.gif');
    background-repeat: no-repeat;
    cursor: pointer;
}

.tab4_hover
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab4.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -34px;
}

.tab4_active
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab4.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -68px;
}

.tab4_active_hover
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab4.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -102px;
}

.tab5
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab5.gif');
    background-repeat: no-repeat;
    cursor: pointer;
}

.tab5_hover
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab5.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -34px;
}

.tab5_active
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab5.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -68px;
}

.tab5_active_hover
{
    float: left;
    width: 115px;
    height: 34px;
    background-image: url('../images/tab5.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -102px;
}

/*****************************/

.btnEnd
{
    float: right;
    margin: 50px 25px 10px 0;
    width: 130px;
    height: 32px;
    background-image: url('../images/btnEndConference.gif');
    cursor:pointer;
}

.btnEnd_hover
{
    float: right;
    margin: 50px 25px 10px 0;
    width: 130px;
    height: 32px;
    background-image: url('../images/btnEndConference.gif');
    cursor:pointer;
    background-position: 0 -32px;
}

.btnEnd_active
{
    float: right;
    margin: 50px 25px 10px 0;
    width: 130px;
    height: 32px;
    background-image: url('../images/btnEndConference.gif');
    cursor:pointer;
    background-position: 0 -64px;
}

.btnStart
{
    width: 135px;
    height: 30px;
    background-image: url('../images/btnStartRec.gif');
    cursor:pointer;
}

.btnStart_hover
{
    width: 135px;
    height: 30px;
    background-image: url('../images/btnStartRec.gif');
    cursor:pointer;
    background-position: 0 -30px;
}

.btnStart_active
{
    width: 135px;
    height: 30px;
    background-image: url('../images/btnStartRec.gif');
    cursor:pointer;
    background-position: 0 -60px;
}

.btnStop
{
    width: 135px;
    height: 30px;
    background-image: url('../images/btnStopRec.gif');
    cursor:pointer;
}

.btnStop_hover
{
    width: 135px;
    height: 30px;
    background-image: url('../images/btnStopRec.gif');
    cursor:pointer;
    background-position: 0 -30px;
}

.btnStop_active
{
    width: 135px;
    height: 30px;
    background-image: url('../images/btnStopRec.gif');
    cursor:pointer;
    background-position: 0 -60px;
}

.btnEmpty
{
    width: 135px;
    height: 30px;
}

.recording
{
    width: 135px;
    height: 30px;
	color:#900;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

/********MESSAGE*************/

.Message
{
    height: 44px;
    width: 720px;
    background-image: url('../images/bkgMessage2.gif');
    background-repeat: repeat-x;
}

.btnRefresh
{
    margin: 6px;
    float: left;
    width: 91px;
    height: 32px;
    background-image: url('../images/btnRefresh.gif');
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnRefresh_hover
{
    margin: 6px;
    float: left;
    width: 91px;
    height: 32px;
    background-image: url('../images/btnRefresh.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -32px;
}

.btnRefresh_active
{
    margin: 6px;
    float: left;
    width: 91px;
    height: 32px;
    background-image: url('../images/btnRefresh.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -64px;
}

/***************TABLE*****************/

table.ClientTable
{
    width: 720px;
    margin-top: 5px;
    text-align: center;
}

table.ClientTable thead
{
    font-weight: bold;
    color:#5f8333;
    background-color:#ecf5e4;
}

table.ClientTable thead td
{
    border-bottom: 1px solid #afcd8d;
    border-right: 1px solid #afcd8d;
}

table.ClientTable tbody td
{
    padding: 3px;
    background-image: url('../images/bkgCellGray.gif');
    background-repeat: repeat-x;
    border-right: 1px solid #afcd8d;
}

td.PinkCell
{
    background-image: url('../images/bkgCellPink.gif') !important;
    background-repeat: repeat-x;
}

td.BlueCell
{
    background-image: url('../images/bkgCellBlue.gif') !important;
    background-repeat: repeat-x;
}

table.Training
{
   /* width: 950px;
    margin-top: 5px;*/
    text-align: left;
}

td.TrainingContent
{
	background-color:#F4F4F4;
	padding:25px;
	margin:30px 0 0 30px;
	text-align:left;
}

td.TrainingTitle
{
    background-image: url('../images/bkgInstHeader.gif');
    background-repeat: repeat-x;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding-left:5px;
	vertical-align:middle;
	height:28px;
}


table.Instructions
{
    width: 720px;
    margin-top: 5px;
    text-align: left;
}

table.Instructions_ccc
{
    width: 880px;
    margin-top: 5px;
    text-align: left;
}

td.InstructionsTitle
{
    background-image: url('../images/bkgInstHeader.gif');
    background-repeat: repeat-x;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding-left:5px;
	vertical-align:middle;
	height:28px;
}

td.InstructionsContent
{
	background-color:#EEEEEE;
	padding:25px;
	margin:30px 0 0 30px;
	text-align:left;
}

table.tableLogin
{
	width: 100%;
	color: #606060;
	vertical-align:middle;
}

table.tableLogin td
{
	text-align: left;
	padding:5px;
}

table.tableLogin th
{
	
	font-weight: bold;
	text-align: right;
	padding: 5px;
}

table.tableSign
{
	width: 100%;
	color: #606060;
}

table.tableSign td
{
	text-align:justify;	
	padding:10px;
}

table.tableSign th
{	
	font-weight: bold;
	text-align:center;
	padding-right:28px;
	padding-left:28px;
	padding-top:15px;
	padding-bottom:10px;		
}

table.tableBtnForgot 
{
	width: 100%;
}

table.tableBtnForgot td
{
	width: 50%;
	padding: 0px 30px 0px 30px;
}

/*********FOOT*************/

.foot
{
    width: 796px;
    height: 12px;
    background-image: url('../images/imgBottom.gif');
    background-repeat:repeat-y;
}

.textFoot
{
    width: 796px;
    height: 12px;
	font-size: 9px;
	padding-top: 15px;
}

/**************************/

.btnAddPhone
{
    width: 251px;
    height: 34px;
    background-image: url('../images/btnAddPhonebook.gif');
    cursor:pointer;
}

.btnAddPhone_hover
{
    width: 251px;
    height: 34px;
    background-image: url('../images/btnAddPhonebook.gif');
    cursor:pointer;
    background-position: 0 -34px;
}

.btnAddPhone_active
{
    width: 251px;
    height: 34px;
    background-image: url('../images/btnAddPhonebook.gif');
    cursor:pointer;
    background-position: 0 -68px;
}

/*********UPGRADE**************/

.headerUpgrade
{
    width: 940px;
    background-image: url('../images/bkgUpgradeHead.jpg');
    background-repeat:no-repeat;
    height: 186px;
}

.headerUpgrade span
{
    text-align: left;
    float: right;
    display: block;
    width: 640px;
    padding-right: 70px;
    line-height: 25px;
	font-size:14px;
}

.UpgradeList
{
    width: 800px;
    padding:10px 0 10px 0;
    margin:0;
    text-align: left;
    border: 1px solid #ccc;
    background-color: #fafafa;
    background-image: url('../images/bkgUpgradeTable.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    list-style-image: url('../images/imgUpgradeBullet.gif');
}

.UpgradeDiv
{
    width: 800px;
    padding:30px;
    margin:0;
    text-align: left;
    border: 1px solid #ccc;
    background-color: #fafafa;
    background-image: url('../images/bkgUpgradeTable.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    list-style-image: url('../images/imgUpgradeBullet.gif');
}

.UpgradeList li
{
    margin:0 0 0 40px;
    padding: 10px 10px 10px 10px;
    text-align: left;
}

.btnUpgrade
{
    width: 560px;
    height: 38px;
    background-image: url('../images/btnUpgrade.gif');
    cursor: pointer;
}

.btnUpgrade_hover
{
    width: 560px;
    height: 38px;
    background-image: url('../images/btnUpgrade.gif');
    background-position: 0 -38px;
    cursor: pointer;
}

.btnUpgrade_click
{
    width: 560px;
    height: 38px;
    background-image: url('../images/btnUpgrade.gif');
    background-position: 0 -76px;
    cursor: pointer;
}

.btnUpgrade2
{
    width: 404px;
    height: 38px;
    background-image: url('../images/btnUpgrade2.gif');
    cursor: pointer;
}

.btnUpgrade2_hover
{
    width: 404px;
    height: 38px;
    background-image: url('../images/btnUpgrade2.gif');
    background-position: 0 -38px;
    cursor: pointer;
}

.btnUpgrade2_click
{
    width: 404px;
    height: 38px;
    background-image: url('../images/btnUpgrade2.gif');
    background-position: 0 -76px;
    cursor: pointer;
}

.btnUpgrade3
{
    width: 404px;
    height: 38px;
    background-image: url('../images/btnUpgrade3.gif');
    cursor: pointer;
}

.btnUpgrade3_hover
{
    width: 404px;
    height: 38px;
    background-image: url('../images/btnUpgrade3.gif');
    background-position: 0 -38px;
    cursor: pointer;
}

.btnUpgrade3_click
{
    width: 404px;
    height: 38px;
    background-image: url('../images/btnUpgrade3.gif');
    background-position: 0 -76px;
    cursor: pointer;
}

/******************LOGIN*******************/

.msgError
{
	width: 260px;
	font-weight: bold;
	background-color: #F6F6F6;
	border: solid 1px #FE0000;
	color: #FE0000;
	vertical-align: middle;
	padding: 5px;
}

.msgConfirm
{
	width: 500px;
	font-weight: bold;
	background-color: #F6F6F6;
	border: solid 1px #77CCE3;
	color: #77CCE3;
	vertical-align: middle;
	padding: 10px;
}

/**********BACK**********/
.btnBack
{
    height: 26px;
    width: 62px;
    background-image: url('../images/btnBack2.gif');
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnBack_hover
{
    height: 26px;
    width: 62px;
    background-image: url('../images/btnBack2.gif');
    background-repeat: no-repeat;
    background-position: 0 -26px;
    cursor: pointer;
}

.btnBack_click
{
    height: 26px;
    width: 62px;
    background-image: url('../images/btnBack2.gif');
    background-repeat: no-repeat;
    background-position: 0 -52px;
    cursor: pointer;
}

/**********SEND**********/
.btnSend
{
    height: 26px;
    width: 62px;
    background-image: url('../images/btnSend2.gif');
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnSend_hover
{
    height: 26px;
    width: 62px;
    background-image: url('../images/btnSend2.gif');
    background-repeat: no-repeat;
    background-position: 0 -26px;
    cursor: pointer;
}

.btnSend_click
{
    height: 26px;
    width: 62px;
    background-image: url('../images/btnSend2.gif');
    background-repeat: no-repeat;
    background-position: 0 -52px;
    cursor: pointer;
}

/****************** CHANGE PASSWORD ***********************/
.btnBack
{
	width: 77px; 
	height: 26px; 
	background-image: url('../images/btnBackA.gif'); cursor: pointer; 
}

.btnBack_hover
{
	width: 77px;
	height: 26px;
	background-image: url('../images/btnBackA.gif');
	cursor: pointer;
	background-position: 0 -26px;
}

.btnBack_click
{
	width: 77px;
	height: 26px;
	background-image: url('../images/btnBackA.gif');
	cursor: pointer;
	background-position: 0 -52px;
}

.btnChangePwd
{
	width: 186px;
	height: 26px;
	background-image: url('../images/btnChangePwd.gif');
	cursor: pointer;
}

.btnChangePwd_hover
{
	width: 186px;
	height: 26px;
	background-image: url('../images/btnChangePwd.gif');
	cursor: pointer;
	background-position: 0 -26px;
}

.btnChangePwd_click
{
	width: 186px;
	height: 26px;
	background-image: url('../images/btnChangePwd.gif');
	cursor: pointer;
	background-position: 0 -52px;
}

/********************FORM CLASSES*********************/
.billingInfoForm
{
	background-color: #fafafa;
	border: 1px solid #d1d1d1;
}

.billingInfoForm td
{
	padding: 5px;
	color: #444343;
}

.billingInfoForm input
{
	width: 200px;
	border: 1px solid #d1d1d1;
	color: #444343;
	font-size: 11px;
	padding: 3px;
}

.inputOnFocus
{
	width: 200px;
	border: 1px solid #b4deed;
	color: #444343;
	font-size: 11px;
	padding: 3px;
	background-color: #f1f7fa;
}

.billingInfoForm select
{
	width: 97px;
	border: 1px solid #d1d1d1;
	color: #444343;
	font-size: 11px;
	padding: 3px;
}

.selectOnFocus
{
	width: 97px;
	border: 1px solid #b4deed;
	color: #444343;
	font-size: 11px;
	padding: 3px;
	background-color: #f1f7fa;
}

.errorMsg
{
	padding: 10px;
	color: #FF0000;
	border: 1px solid #FF0000;
}

.confirmMsg
{
	padding: 10px;
	color: #79a74f;
	border: 1px solid #79a74f;
}