/* CSS Document */

html, body { height : 100%; }

body { font-family : Arial, Helvetica, sans-serif; }

html, body, form, h1, h2, h3, ul
{
	padding : 0;
	margin : 0;
}

h2 { margin-top : 5px; }

img, table, form { border : 0; }

div#container
{
	position : relative;
	width : 100%;
	height : 100%;
}

body>div#container
{
	height : auto;
	min-height : 100%;
}

#content { padding : 0 50px; }

div#wrap
{
	height : 60px;
	clear : both;
}

div#footer
{
	position : absolute;
	bottom : 0;
	width : 100%;
	padding : 20px 0;
	background-color : #fff;
	text-align :center;
	clear : both;
	font-size : 12px;
	color : #b6b6b6;
}

.clear
{
	height : 1%;
	clear : both;
}

.alignRgt { text-align : right; }

.alignCnt { text-align : center; }

.underTxt { text-decoration : underline; }

.cursorPointer { cursor : pointer; }

/* Top */

.top
{
	position : relative;
	padding : 59px 0 0 0;
	background-repeat : no-repeat;
	background-position : left top; 
	background : url(/App_Themes/Default/images/top-background.jpg);
}

.top h1
{
	height : 1%;
	text-indent : -1000em;
}

.selectLanguage
{
	position : absolute;
	top : 8px;
	right : 5px;
	padding : 5px;
	white-space : nowrap;
	border : 1px solid #c0c0c0;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : #f8f8f8;
	font-size : 11px;
	color : #a7a7a7;
}

.selectLanguage select { padding : 3px; }

/* Navigation */

.navigation
{
	height : 48px;
	padding : 0 0 0 50px;
	background : transparent url(/App_Themes/Default/images/navigation-background.gif) repeat-x bottom left;
}

.navigationButton { float : left; }

.navigation .navButtonUser
{
	float : right;
	padding : 16px 0 0 0;
}

.navigation .navButtonUser img,
.linkHelp img { vertical-align : middle; }

.navigation .navButtonContent
{
	margin : 0 0 0 6px;
	background : transparent url(/App_Themes/Default/images/navigation-Button.gif) no-repeat right bottom;
}

.navigation .navButtonContent:hover { background : transparent url(/App_Themes/Default/images/navigation-ButtonHover.png) no-repeat right bottom; }

.navigation .navButtonUser,
.navigation .navButtonUser a,
.navigation .navButtonContent,
.navigation .navButtonContent a
{
	font-size : 13px;
	font-weight : bold;
	color : #fff;
	text-decoration : none;
	cursor : pointer;
}

.navigation .navButtonUser a
{
	padding : 0 5px 0 0;
	font-size : 11px;
	font-weight : normal;
}

.navigation .navButtonContent a
{
	display : block;
	margin : 0 6px 0 -10px;
	padding : 17px 9px 15px 15px;
}

.navigation .navButtonContent:hover a
{
	background : transparent url(/App_Themes/Default/images/navigation-ButtonHover.png) no-repeat left bottom;
	text-decoration : underline;
	color : #484748;
}

.navigation .menuConfig
{
	position : absolute;
	left : -7px;
	top : 48px;
	padding : 8px 8px 0 8px;
	border : 1px solid #e7e7e7;
	border-top : none;
	-moz-border-radius-bottomright : 5px;
	-moz-border-radius-bottomleft : 5px;
	-webkit-border-bottom-right-radius : 5px;
	-webkit-border-bottom-left-radius : 5px;
	background : #fff;
	list-style-type : none;
}

.navigation .menuConfig li
{
	display : block;
	padding : 0 0 8px 0;
}

.navigation .menuConfig a,
.navigation .navButtonContent:hover .menuConfig a
{
	display : block;
	margin : 0;
	padding : 8px;
	border : 1px solid #e7e7e7;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : #f3f3f3;
	font-size : 12px;
	text-decoration : none;
	white-space : nowrap;
	color : #5e686c;
	cursor : pointer;
}

.navigation .menuConfig a:hover
{
	background : #f3f3f3;
	color : #5e686c;
	text-decoration : underline;
}

.navigation .navButtonUser .loginStatus
{
	padding : 0 5px 0 20px;
	background : url(/App_Themes/Default/images/icons/icon-Cancel.png) no-repeat left center;
}

/* End Navigation */

/* ModalPopUp */

.modalBackground
{
	background-color : #999;
	filter : Alpha(Opacity=40);
	-moz-opacity : 0.4;
	opacity : 0.4;
}

.modalBackground:hover { cursor : wait; }

.modal
{
    width : 350px;
    height : 100px;
    padding : 5px;
    border : 2px solid #e7e7e7;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
    background : #f3f3f3;
    z-index : 1000;
}

.modalPopup
{
	padding : 5px;
	text-align : center;
}

.modalPopup h1
{
	font-size : 18px;
	color : #006789;
}

.modalPopup a
{
	font-size : 14px;
	font-weight : bold;
	text-decoration : underline;
	color : #333;
}

/* End Modal */

.gvPayments,
.gvProducts,
.gvFields,
.gvFieldValues,
.gvModules
{
	width : 100%;
	margin-top : 2px;
	border : 1px solid #d0d0d0;
	background : #fff;
	font-size : 12px;
	line-height : 20px;
	white-space : nowrap;
}

.gvFieldValues { margin-top : 8px; }

.gvPayments th img,
.gvProducts th img,
.gvFields th img,
.gvFieldValues th img,
.gvModules th img
{
	vertical-align : middle;
	cursor : pointer;
}

.gvPayments td,
.gvProducts td,
.gvFields td,
.gvFieldValues td,
.gvModules td { overflow : hidden; }

.gvPayments a,
.gvProducts a,
.gvFields a,
.gvFieldValues a,
.gvModules a { color : #000; }

.gvProducts input[type="text"],
.gvProducts textarea { width : 100px; }

.gvPaymentsTitle,
.gvProductsTitle,
.gvFieldsTitle,
.gvFieldValuesTitle,
.gvModulesTitle
{
	border-bottom : 2px solid #d0d0d0;
	background : #E8E8E8;
	text-align : center;
	color : #666;
}

.gvPaymentsTitle a,
.gvProductsTitle a,
.gvFieldsTitle a,
.gvFieldValuesTitle a,
.gvModulesTitle a { color : #666; }

.gvPaymentsAlternate,
.gvProductsAlternate,
.gvFieldsAlternate,
.gvFieldValuesAlternate,
.gvModulesAlternate
{
	border : 1px solid #9ab6c7;
	border-left : none;
	border-right : none;
	background : #c4ddec;
}

.linkHelp
{
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
	color : #2e77bc;
}

.buttonContainer { margin : 10px auto; }

.pnlDeleteModule
{
	width : 520px;
	min-height : 100px;
	padding : 10px;
	border : 2px solid #cae1e8;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : #f3fcff;
}

.pnlDeleteModule label { width : 100px; }

.pnlDeleteModule input[type="text"] { width : 150px; }

.validatorCalloutHighlight { background-color : #fffacd; }

.linkTransaction
{
	font-size : 10px;
	color : #666;
}

.divDetails strong,
.divDetails span
{
	display : block;
	float : left;
	width : 49%;
	margin : 5px 0 0 0;
	padding : 8px 3px;
	border : 1px solid #9ab6c7;
	background : #fff;
	line-height : 18px;
}

.divDetails strong
{
	text-align : right;
	border-right : none;
}

.divDetails span { border-left : none; }

.divDetails a
{
	font-size : 14px;
	color : #666;
}

.passwordReqInfo
{
	width : 60%;
	margin : 10px auto;
	padding : 8px;
	border : 1px solid #2e7b95;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : #fff;
	color : #333;
}

.passwordReqInfo ul 
{
	list-style-type : none;
	font-size : 12px;
}

.passwordReqInfo li { margin : 5px 0 0 20px; }