/*********************************************************************
	SimpleModal Styles
**********************************************************************/
#modalOverlay 
{
	cursor: wait;
	background-color: #ffffff; 
}
#modalContainer 
{
	left: 50%;
	top: 0; 
}


/*********************************************************************
	Global popup styles
**********************************************************************/
div.popup 
{
    position: absolute;
    border: 1px solid #888888;
    background-color: #999999; 
}
div.popup div.inside 
{
    position: relative;
    left: -4px;
    top: -4px;
    padding: 10px;
    background-color: #ffffff; 
}
div.popup div.content 
{
    padding: 10px;
    background-color: #ffffff; 
}
div.popup p.closePopup 
{
    background: transparent url(/professional/in_office/images/popups/iconClose.gif) no-repeat scroll left center;
	color: #A5A5A5;
	cursor: pointer;
	padding: 0 0 0 12px;
	float: right;
}
div.popup h2 
{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
    font-size: 1.25em; 
    color: #7170B3;
}
div.popup h2 img
{
    vertical-align: text-bottom; 
}
div.popup p.intro 
{
    font-size:110%;
    font-weight:bold;
}
div.popup input,
div.popup textarea
{
	font-size:100%;
}
div.popup p.buttons 
{
	text-align: center; 
	padding-bottom: 0;
}
div.popup ul.inputs 
{
	margin-bottom: 10px; 
}
div.popup ul.inputs li 
{
	list-style: none;
    overflow: hidden;
    width: 100%;
    margin: 0 0 5px 0; 
}
div.popup ul.inputs li label 
{
	float: left; 
}
div.popup ul.inputs li input, 
div.popup ul.inputs li select, 
div.popup ul.inputs textarea 
{
	float: right; 
}


/*********************************************************************
	Input/validation
**********************************************************************/
div.popup span.required
{
	color:#f00;
}
div.popup div.errorHeader
{
	color: #f00;
	background-color: #ffffcb;
	padding: 10px;
	margin: 10px 0;
}
div.popup .error
{
	color: #f00;
}
div.popup li.error
{
	background-color: #ffffcb;
}
div.popup p.serverMessage
{
	padding-bottom: 0;
}
div.popup span.link
{
	cursor: pointer;
	color:#6699CC;
	text-decoration: underline;
}

/*********************************************************************
	Login
**********************************************************************/
div.login 
{
	margin: 42px 0 0 -200px;
}
div.login div.inside
{
    background-image: url(/professional/in_office/images/master/bgMain.gif);
}
div.login div.content
{
	width: 360px;
}
div.login h2 
{
	color: #6666cc; 
}
div.login p.buttons 
{
	text-align: left; 
}
div.login ul 
{
	margin-bottom: 10px; 
}
div.login div.loginInfo 
{
    margin-bottom: 10px;
    padding: 16px 10px 0 10px;
    border: 1px solid #e5e5e5;
    background-color: #f9f8f5; 
}
div.login p.note 
{
	float: right;
	clear: right;
	font-size: 1.25em;
	margin: 8px 0 2px 0;
	padding: 0;
	width: 160px;
}
div.login div.loginInfo li 
{
    list-style: none;
    margin: 0 0 10px 0; 
}
div.login div.loginInfo label,
div.login div.loginInfo input 
{ 
	display: block;
}
div.login a.forgotPassword
{
	font-size: 0.8em;
}

/*********************************************************************
	Test Drive popup
**********************************************************************/
div#popupLoginTestDrive div.loginInfo 
{
	border:0;
	background-color:#ffffff;
	margin-bottom: 0;
}
div#popupLoginTestDrive p.note
{
	margin:17px 0 2px 0;
}
div.testDrive 
{
	background-color: #F9F8F5;
	border: 1px solid #E5E5E5;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 10px;
	width: 340px;
}
div.testDrive ul 
{
	margin-left: 0;
	padding-left: 0;
}
div.testDrive li 
{
	margin: 0 0 5px 15px;
	padding-left: 0;
}
div.testDrive p#dontShowAgain 
{
	padding: 7px 0 0 5px;
}
div.testDrive p#dontShowAgain input 
{
	float:left;
	height:14px;
	margin:0;
	padding:0;
	width:15px;
}
div.testDrive p#dontShowAgain label 
{
	display:block;
	float:left;
	margin:0 0 0 2px;
}



/*********************************************************************
	Warning popup
**********************************************************************/
div.warning 
{
    margin: 300px 0 0 -180px;
}
div.warning div.inside 
{
    width: 360px;
    padding: 5px;
    border: 1px solid #dddddd;
}
div.warning h2 
{
    margin-bottom: 10px;
    padding: 5px 15px;
    background: #c91a1a url(/professional/in_office/images/popups/warning/bgWarning.gif) repeat-x left top;
    color: #ffffff;
    font-size: 1.5em;
    letter-spacing: 0.1em;
    text-transform: uppercase; 
}
div.warning p 
{
    margin: 0 15px;
    padding: 5px 0; 
}



/*********************************************************************
	PDF/SWF/Bundle preview
**********************************************************************/
div.itemPreview 
{
    margin: 75px 0 0 -280px;
}
div.bundle div.inside
{
    width: 505px;
}
div.pdf div.inside
{
    width: 385px;
}
div.itemPreview div.inside 
{ 
    border: 10px solid #dfe991; 
}
div.itemPreview div.itemArrow 
{
    margin-top: 10px;
    position: absolute;
    left: -37px;
    width: 37px;
    height: 51px;
    background: url(/professional/in_office/images/popups/arrowItemLayer.png) no-repeat left top; 
}
div.itemPreview div.itemPreviewSelected 
{ 
    text-align: center;
}
div.itemPreview h2 
{ 
	color: #7170b3; 
}
div.itemPreview h3 
{
	color: #7170b3; 
	text-align: center; 
}
div.itemPreview h3 img
{
    vertical-align: text-bottom; 
}
div.itemPreview p 
{ 
	text-align: center; 
}
div.itemPreview p strong 
{
	margin: 0 10px; 
}
div.itemPreview p.pageThrough 
{
	padding: 8px 0;
	text-align: center;
}
div.itemPreview p.pageThrough img 
{
	cursor: pointer;
	vertical-align: text-bottom;
}
div.itemPreview p.pageThrough img.prevPageBtn
{
	background: url(/professional/in_office/images/popups/arrowPrevious.gif) no-repeat center center;
}
div.itemPreview p.pageThrough img.nextPageBtn
{
	background: url(/professional/in_office/images/popups/arrowNext.gif) no-repeat center center;
}
div.itemPreview p.pageThrough img.hideButton
{
	background: none;
	cursor: auto;
}
/* Lists inside Bundle previews */
div.itemPreview ul.items 
{
    overflow-y: scroll;
    width: 125px;
    height: 450px; 
    margin: 0;
    padding: 10px 0;
    background-color: #f1efea; 
}
div.itemPreview ul.items li 
{
    cursor: pointer;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 85px 0 0 0;
    text-align: center; 
}
div.itemPreview ul.items li.on 
{
    color: #7170b3;
    font-weight: bold; 
}



/*********************************************************************
	Profile options 
**********************************************************************/
div.profile 
{
    margin: 50px 0 0 -165px;
}
div.profile div.inside
{
	background-image: url(/professional/in_office/images/master/bgMain.gif);
}
div.profile div.content
{
    width: 290px;
}
div.profile div.profileInfo 
{
	margin-bottom: 10px; 
	border-bottom: 1px solid #efefef; 
}
div.profile h2 
{
	color: #ec008c; 
}
div.profile h3 
{
	font-size: 1.2em; 
}
div.profile p.edit 
{
	float: right;
	font-size: 0.9em;
}
div.profile p.edit a
{
	text-decoration: none;
}
div.profile p.email
{
	padding: 10px 0;	
} 
div.profile p.note 
{
	font-size: 0.9em; 
	font-style: italic;
}
div.profile div.practiceInfo
{
	margin-top: 5px;
}
div.profile div.practiceInfo p
{
	float: left;
    width: 70px;
	font-weight: bold;
}
div.profile div.practiceInfo ul
{
	float: left;
}
div.profile div.practiceInfo li
{
	list-style: none;
    margin: 0;
    line-height: 1.5em;
}



/*********************************************************************
	Email confirmation  
**********************************************************************/
div.email 
{
	margin: 200px 0 0 -225px;
}
div.email div.inside
{
	background-image: url(/professional/in_office/images/master/bgMain.gif);
}
div.email div.content
{
	width: 410px;
}
div.email h2 
{
	color: #7170b3; 
}



/*********************************************************************
	Save Bundles & Email Recommendations
**********************************************************************/
div#popupBundleSave, 
div#popupBundleModify, 
div#popupEmailSend 
{
	margin: 35px 0 0 -210px;
}
div.list div.inside
{
    width: 400px;
    background-image: url(/professional/in_office/images/master/bgMain.gif);
}
div.bundle ul.items,
div.recommend ul.items 
{
    overflow-y: scroll;
    margin-top:15px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #dfdfdf; 
    float:right;
}
div.recommend ul.items 
{
	background-color: #e5e6f2; 
}
div.bundle ul.items li,
div.recommend ul.items li 
{
	text-align: center;
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}
div.bundle ul.items p 
{
	padding: 0;
}
div.bundle ul.items dl, 
div.recommend ul.items dl 
{
	margin-right: 30px; 
}
div.bundle ul.items dt a, 
div.recommend ul.items dt a 
{
	font-weight: bold; 
}
div.bundle ul.items dd, 
div.recommend ul.items dd 
{
	margin: 0; 
	font-size: 0.9em; 
	font-style: italic; 
}
div.bundle p.enter,
div.recommend p.enter 
{
    margin-bottom: 10px;
    padding: 4px 8px;
    background-color: #f2f2d9;
    font-size: 1.1em;
}
div.bundle p.enter
{
    font-weight: bold; 
}
div.recommend p.enter span.assure
{
	font-size: .9em;
	font-style: italic;
}
div.bundle p.buttons, 
div.recommend p.buttons 
{
	text-align: right; 
}



/*********************************************************************
	Save Bundle 
**********************************************************************/
div.list .inputs input, 
div.list .inputs textarea
{
	width:230px;
}
div.list .inputs 
{
	padding-left:30px;
}
div.list .inside 
{
	width:400px;
	border: 1px solid #dfdfdf; 
}
div.list ul.items 
{
	float:none;
	overflow-y: scroll;
	height:200px;
	padding:10px;
}
div.list ul.items li 
{
	text-align:left;
	padding-bottom:6px;
	border-bottom: 1px solid #dfdfdf; 
	float:left;
	width:340px;
}

div.list ul.items li dl 
{
	width:300px;
	float:left;
	margin:0px;
}
div.list ul.items li img.popupRemove 
{
	cursor: pointer;
	float: left;
	margin: 6px 0 0 6px;
}
div#popupEmailSend ul.items 
{
	height:150px;
}



/*********************************************************************
	Modify Bundle
**********************************************************************/
div.list .inputs select 
{
	width:234px;	
}
div.list ul.modify li 
{
	padding-bottom:4px;
}
div.list ul.modify img 
{
	margin:0px 6px;
	float:left;
}
div.list ul.modify li dl
{
	float:left;
	padding-top:5px;
	margin:0;
	width:230px;
	vertical-align:middle;
}



/*********************************************************************
	Registration Form 
**********************************************************************/
div#popupRegister 
{
	margin: 15px 0 0 -230px;
}
div#popupRegister div.inside
{
    background-image: url(/professional/in_office/images/master/bgMain.gif);
}
div#popupRegister div.content
{
	width: 424px;
}
div#registrationForm li
{
	list-style-type: none;
	margin-left: 0;
	padding-bottom: 10px;
}
div#registrationForm li.inputs
{
	float:left;
	text-align: center;
	width:212px;
}
div#registrationForm li.inputs label
{
	text-align: left;
	display:block;
	margin-left:3px;
}
div#registrationForm li.inputs input
{
	margin-top:2px;
	width:200px;
}
div#registrationForm li.optin 
{
	margin:2px 0 0 5px;
}
div#registrationForm li.optin input 
{
	float:left;
	padding:0;
	width:15px;
	height:14px;
}
div#registrationForm li.optin label 
{
	display:block;
	float:right;
	width:400px;
}
div#registrationForm li.text
{
	font-size:.9em;
	clear:both;
	padding-left:4px;
}



/*********************************************************************
	Help
**********************************************************************/
div#popupHelp 
{
	margin: 89px 0 0 -260px; 
}
div#popupHelp div.inside
{
    background-image: url(/professional/in_office/images/master/bgMain.gif);
}
div#popupHelp div.content
{
	width: 484px; 
}
div#popupHelp h2
{
    border-bottom: none;
    margin: 0;
    padding: 0;
}
div#popupHelp h3
{
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 14px;
	margin: 0;
    color: #7170B3;
    border-bottom: 1px solid #efefef;
}
div#popupHelp ul.questions
{
	height: 437px;
	overflow-y: scroll;
}
div#popupHelp li.even
{
	background-color: #f9f8f4;
}
div#popupHelp li
{
	list-style: none;
	margin-left: 0;
	padding: 20px;
}
div#popupHelp li ul
{
	padding: .3em 0 1em 0;
}
div#popupHelp li li
{
	margin-left: 20px;
	list-style-type: disc;
	padding: 0px;
}
div#popupHelp p.question
{
	cursor: pointer;
	font-weight: bold;
	padding: 0;
}
div#popupHelp .answer
{
	display: none;
	padding: 5px 0 0 0;
}