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

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

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;
}

h3
{
    margin: 0;
    padding: 0;
    color: #026702;
    font-size: 18px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

.btnEnd
{
    /* float: right;
    margin: 10px 20px 2px 0; */
    width: 108px;
    height: 24px;
    background-image: url('../images/btnEndConference24r.png');
    cursor:pointer;
}

.btnEnd_hover
{
    /* float: right;
    margin: 10px 20px 2px 0; */
    width: 108px;
    height: 24px;
    background-image: url('../images/btnEndConference24r.png');
    cursor:pointer;
    background-position: 0 -24px;
}

.btnEnd_active
{
    /* float: right;
    margin: 10px 20px 2px 0; */
    width: 108px;
    height: 24px;
    background-image: url('../images/btnEndConference24r.png');
    cursor:pointer;
    background-position: 0 -48px;
}

.btnDropAll
{
    /* float: right;
    margin: 10px 20px 2px 0; */
    width: 108px;
    height: 24px;
    background-image: url('../images/btnDropAll24r.png');
    cursor:pointer;
}

.btnDropAll_hover
{
    /* float: right;
    margin: 10px 20px 2px 0; */
    width: 108px;
    height: 24px;
    background-image: url('../images/btnDropAll24r.png');
    cursor:pointer;
    background-position: 0 -24px;
}

.btnDropAll_active
{
    /* float: right;
    margin: 10px 20px 2px 0; */
    width: 108px;
    height: 24px;
    background-image: url('../images/btnDropAll24r.png');
    cursor:pointer;
    background-position: 0 -48px;
}


.btnStart
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnStartRec24r.png');
    cursor:pointer;
}

.btnStart_hover
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnStartRec24r.png');
    cursor:pointer;
    background-position: 0 -24px;
}

.btnStart_active
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnStartRec24r.png');
    cursor:pointer;
    background-position: 0 -48px;
}

.btnStop
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnStopRec24r.png');
    cursor:pointer;
}

.btnStop_hover
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnStopRec24r.png');
    cursor:pointer;
    background-position: 0 -24px;
}

.btnStop_active
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnStopRec24r.png');
    cursor:pointer;
    background-position: 0 -48px;
}

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

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

.btnHoldGuests
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnHoldGuests24r.png');
    cursor:pointer;
}

.btnHoldGuests_hover
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnHoldGuests24r.png');
    cursor:pointer;
    background-position: 0 -24px;
}

.btnHoldGuests_active
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnHoldGuests24r.png');
    cursor:pointer;
    background-position: 0 -48px;
}

.btnUnholdAll
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnUnholdAll24r.png');
    cursor:pointer;
}

.btnUnholdAll_hover
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnUnholdAll24r.png');
    cursor:pointer;
    background-position: 0 -24px;
}

.btnUnholdAll_active
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnUnholdAll24r.png');
    cursor:pointer;
    background-position: 0 -48px;
}

.btnLowerHands
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnLowerHands24r.png');
    cursor:pointer;
}

.btnLowerHands_hover
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnLowerHands24r.png');
    cursor:pointer;
    background-position: 0 -24px;
}

.btnLowerHands_active
{
    width: 108px;
    height: 24px;
    background-image: url('../images/btnLowerHands24r.png');
    cursor:pointer;
    background-position: 0 -48px;
}

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

.Message
{
    height: 48px;
    width: 900px;
    background-image: url('../images/bkgMessage48.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: 900px;
    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: 1px;
/*    background-image: url('../images/bkgCellGray.gif'); */
/*    background-repeat: repeat-x; */
    background-color: #f0f0f0;
    border-bottom: 1px solid #ffffff;
    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.Instructions
{
    width: 900px;
    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;
}

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

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

.iframeHeader
{
    border:0;
    height:119px;
    width:966px;
}

.iframeContent
{
    border:0;
    width:966px;
}


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

.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;
}

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

.LoginBase
{
    border: 1px solid #cacaca;
    background-color:#f6f6f6;
    width: 370px;
    padding:10px;
}

.LoginTable
{
    color: #606060;
    font-weight:bold;
    text-align:right;
}

.LoginTable input
{
    width: 250px;
}

.MsgError
{
    border: 1px solid #ff0000;
    width: 100%;
    text-align:center;
    display: none; /*This is what makes the message invisible*/
}

.MsgError h5
{
    color: #ff0000;
    margin: 10px;
    font-size: 12px;
}

.MsgAlert
{
    border: 1px solid #079400;
    width: 100%;
    text-align:center;
    display: none; /*This is what makes the message invisible*/
}

.MsgAlert h5
{
    color: #079400;
    margin: 10px;
    font-size: 12px;
}

/**********SIGN IN**********/

.btnSignIn
{
    height: 26px;
    width: 77px;
    background-image: url('../images/btnSignIn.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

.btnSignIn_hover
{
    height: 26px;
    width: 77px;
    background-image: url('../images/btnSignIn.gif');
    background-repeat: no-repeat;
    background-position: 0 -26px;
    cursor: pointer;
    float: right;
}

.btnSignIn_click
{
    height: 26px;
    width: 77px;
    background-image: url('../images/btnSignIn.gif');
    background-repeat: no-repeat;
    background-position: 0 -52px;
    cursor: pointer;
    float: right;
}

/**********LOGOUT**********/

.btnLogout
{
    height: 26px;
    width: 77px;
    background-image: url('../images/btnLogOut2.gif');
    background-repeat: no-repeat;
    cursor: pointer;
}

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

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