﻿.modal-window {
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

.modal-window input {
	padding: 0px;
	outline: #fffff none 0px;
	overflow: hidden;
}

.modal-window input[type=submit]
{
	border: 0px;
}

.modal-window input[type=password], .modal-window input[type=text], .modal-window textarea
{
	border: solid 1px #cccccc;
	font-size: 12px;
	width: 100%;
	margin: 0px;
}


.modal-window .cancel-button {
    background-image: url(../images/login-cancel.jpg);
    background-repeat: no-repeat;
    width: 60px;
    height: 29px;
}

.modal-window .ok-button{
    background-image: url(../images/login-ok.jpg);
    background-repeat: no-repeat;
    width: 50px;
    height: 29px;
}


											/* File uploader with custom Browse button */

.modal-window .file-uploader
{
	width: 187px;
	height: 30px;
	overflow: hidden;
}

.modal-window .file-uploader .browse-button-container
{
	height: 25px;
	padding-left: 130px;
}

.modal-window .file-uploader .browse-button-container img
{
	margin-top: 3px;
}



.modal-window .file-uploader .file-upload-container
{
	height: 25px;
	position: relative;
	top: -25px;
	opacity: 0.0;
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	filter: alpha(opacity=0);
}

.modal-window .file-uploader .file-upload-container input[type=file]
{
	margin-top: 3px;
    font-size: 8px;
    height: 24px;
}
* html .modal-window .file-uploader .file-upload-container input
{
	margin-top: 0px;
    font-size: 8px;
    height: 24px;
}


.modal-window .file-uploader .input-text-container
{
	height: 25px;
	width: 135px;
	position: relative;
	top: -50px;
}

.modal-window .file-uploader .input-text-container input[type=text]
{
	width: 125px;
}
* html .modal-window .file-uploader .input-text-container input
{
	width: 125px;
}
















.box-version1
{
    margin-top:5px;
    color: #666666;
    font-family: Verdana;
    font-size: 10px; 
    width:100%; 
}

.box-version1 .content
{
    height: 100px;   
    background-image: url(/Images/boxes/version1/back.gif);
    background-repeat: repeat-x;
    background-position: bottom center;     
}

.box-version1 .top-left
{
    background-image: url(/Images/boxes/version1/top-left.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 13px;
    height: 13px;
}

.box-version1 .top
{
    background-image: url(/Images/boxes/version1/top.gif);
    background-repeat: repeat-x;
    background-position: center center;
    height: 13px;
}

.box-version1 .top-right
{
    background-image: url(/Images/boxes/version1/top-right.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 13px;
    height: 13px;
}

.box-version1 .left
{
    background-image: url(/Images/boxes/version1/left.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 13px;
}

.box-version1 .right
{
    background-image: url(/Images/boxes/version1/right.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 13px;
}

.box-version1 .bottom-left
{
    background-image: url(/Images/boxes/version1/bottom-left.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 13px;
    height: 13px;
}

.box-version1 .bottom
{
    background-image: url(/Images/boxes/version1/bottom.gif);
    background-repeat: repeat-x;
    background-position: center center;
    height: 13px;
}

.box-version1 .bottom-right
{
    background-image: url(/Images/boxes/version1/bottom-right.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 13px;
    height: 13px;
}






.box-version2
{
    color: #666666;
    font-size: 10px;
    width: 100%;
}

.box-version2 .content
{
    background-image: url(/Images/boxes/version2/back.png);
    background-repeat: repeat;
    background-position: center center;     
    padding: 10px;
    height: 100px;   
}

.box-version2 .top-left
{
	background-image:url(/Images/boxes/version2/top-left.png);
	background-position:center;
	background-repeat:no-repeat;
	height:10px;
	width:10px;
}
* html .box-version2 .top-left
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/version2/top-left.png', sizingMethod='crop');
	background-position:center;
	background-repeat:no-repeat;
	height:10px;
	width:10px;
}

.box-version2 .top {
	background-image:url(/Images/boxes/version2/top.png);
	background-position:center;
	background-repeat:repeat-x;
	height:10px;
}
* html .box-version2 .top
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/version2/top.png', sizingMethod='crop');
	background-position:center;
	background-repeat:repeat-x;
	height:10px;
}


.box-version2 .top-right {
	background-image:url(/Images/boxes/version2/top-right.png);
	background-position:center;
	background-repeat:no-repeat;
	height:10px;
	width:10px;
}
* html .box-version2 .top-right
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/version2/top-right.png', sizingMethod='crop');
	background-position:center;
	background-repeat:no-repeat;
	height:10px;
	width:10px;
}


.box-version2 .left {
	background-image:url(/Images/boxes/version2/left.png);
	background-position:center bottom;
	background-repeat:repeat-y;
	width:10px;
}
* html .box-version2 .left
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/version2/left.png', sizingMethod='crop');
	background-position:center bottom;
	background-repeat:repeat-y;
	width:10px;
}


.box-version2 .right {
	background-image:url(/Images/boxes/version2/right.png);
	background-position:center bottom;
	background-repeat:repeat-y;
	width:10px;
}
* html .box-version2 .right
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/version2/right.png', sizingMethod='crop');
	background-position:center bottom;
	background-repeat:repeat-y;
	width:10px;
}


.box-version2 .bottom-left
{
	background-image:url(/Images/boxes/version2/bottom-left.png);
	background-position:center;
	background-repeat:no-repeat;
	height:10px;
	width:10px;
}
* html .box-version2 .bottom-left
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/version2/bottom-left.png', sizingMethod='crop');
	background-position:center;
	background-repeat:no-repeat;
	height:10px;
	width:10px;
}


.box-version2 .bottom {
	background-image:url(/Images/boxes/version2/bottom.png);
	background-position:center;
	background-repeat:repeat-x;
	height:10px;
}
* html .box-version2 .bottom
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/version2/bottom.png', sizingMethod='crop');
	background-position:center;
	background-repeat:repeat-x;
	height:10px;
}


.box-version2 .bottom-right {
	background-image:url(/Images/boxes/version2/bottom-right.png);
	background-position:center;
	background-repeat:no-repeat;
	height:10px;
	width:10px;
}
* html .box-version2 .bottom-right
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/version2/bottom-right.png', sizingMethod='crop');
	background-position:center;
	background-repeat:no-repeat;
	height:10px;
	width:10px;
}





.box-version3 .top-left
{
	background: url(../Images/boxes/version3/top-left.gif) no-repeat center center;
    width: 10px;
    height: 10px;
}

.box-version3 .top
{
    background: url(../Images/boxes/version3/top.gif) repeat-x center center;
    height: 10px;
}

.box-version3 .top-right
{
    background: url(../Images/boxes/version3/top-right.gif) no-repeat center center;
    width: 10px;
    height: 10px;
}

.box-version3 .left
{
    background: url(../Images/boxes/version3/left.gif) repeat-y bottom center;
    width: 10px;
}

.box-version3 .right
{
    background: url(../Images/boxes/version3/right.gif) repeat-y bottom center;
    width: 10px;
}

.box-version3 .bottom-left
{
    background: url(../Images/boxes/version3/bottom-left.gif) no-repeat center center;
    width: 10px;
    height: 10px;
}

.box-version3 .bottom
{
    background: url(../Images/boxes/version3/bottom.gif) repeat-x center center;
    height: 10px;
}

.box-version3 .bottom-right
{
    background: url(../Images/boxes/version3/bottom-right.gif) no-repeat center center;
    width: 10px;
    height: 10px;
}

.box-version3 .content
{
    background: url(../Images/boxes/version3/back.gif) repeat center center;     
    padding:10px;
    height:100px;   
}




/*   using DIVS		*/
.brochure-main-box2 .row
{
	clear: both;
	width: 100%;
}

.brochure-main-box2 .top-left
{
	float: left;
	
	background: url(../Images/brochure/boxes/top-left.gif) no-repeat center center;
    width: 13px;
    height: 13px;
    
	position: relative;
	margin-left: -13px;    
}

.brochure-main-box2 .top
{
	float: left;

    background: url(../Images/brochure/boxes/top.gif) repeat-x center center;
    height: 13px;

	margin-left: 13px;
	margin-right: 13px;
}

.brochure-main-box2 .top-right
{
	float: right;
	
    background: url(../Images/brochure/boxes/top-right.gif) no-repeat center center;
    width: 13px;
    height: 13px;
    
    position: relative;
    margin-right: -13px;
}

.brochure-main-box2 .left
{
	float: left;

    background: url(../Images/brochure/boxes/left.gif) repeat-y bottom center;
    width: 13px;

	position: relative;
	margin: 0px 0px 0px -13px;
	
}

.brochure-main-box2 .center
{
    background: url(../Images/brochure/boxes/back.gif) repeat-x bottom center;     

	margin-left: 13px;
	margin-right: 13px;
}

.brochure-main-box2 .right
{
	float: right;

    background: url(../Images/brochure/boxes/right.gif) repeat-y bottom center;
    width: 13px;
    height: 300px;
    
    position: relative;
    margin-right: -13px;
}

.brochure-main-box2 .bottom-left
{
	float: left;

    background: url(../Images/brochure/boxes/bottom-left.gif) no-repeat center center;
    width: 13px;
    height: 13px;
    
	margin-left: -13px;    
}

.brochure-main-box2 .bottom
{
	float: left;

    background: url(../Images/brochure/boxes/bottom.gif) repeat-x center center;
    height: 13px;
	
	margin-left: 13px;
	margin-right: 13px;
}

.brochure-main-box2 .bottom-right
{
	float: right;

    background: url(../Images/brochure/boxes/bottom-right.gif) no-repeat center center;
    width: 13px;
    height: 13px;

    margin-right: -13px;
}





											/* modal-window */
.modal-window
{
	width: 315px;
	text-align: left;
}

.modal-window table {
    table-layout: fixed;
    width: 100%;
}


.modal-window .login-header
{
	height: 100px;
    background-image: url(/Images/boxes/modal/window-header-login.png);
}
* html .modal-window .login-header
{
	height: 100px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/modal/window-header-login.png', sizingMethod='crop');
}


.modal-window .signup-header
{
	height: 100px;
    background-image: url(/Images/boxes/modal/window-header-signup.png);
}
* html .modal-window .signup-header
{
	height: 100px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/modal/window-header-signup.png', sizingMethod='crop');
}


.modal-window .restorepass-header
{
	height: 100px;
    background-image: url(/Images/boxes/modal/window-header-restorepass.png);
}
* html .modal-window .restorepass-header
{
	height: 100px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/modal/window-header-restorepass.png', sizingMethod='crop');
}


.modal-window .apply-header
{
	height: 100px;
    background-image: url(/Images/boxes/modal/window-header-apply-now.png);
}
* html .modal-window .apply-header
{
	height: 100px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/modal/window-header-apply-now.png', sizingMethod='crop');
}


.modal-window .footer
{
	height: 12px;
    background-image: url(/Images/boxes/modal/window-footer.png);
}
* html .modal-window .footer
{
	height: 12px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/modal/window-footer.png', sizingMethod='crop');
}

.modal-window .modalBackground{
    background-color: Gray;
    opacity: 0.7;
}

.modal-window .content
{
    background-image: url(/Images/boxes/modal/window-middle.png);
    background-repeat: repeat-y;
    
    padding: 0px 10px 0px 20px;
    color: #66625f;
    font-size: 11px;
}
* html .modal-window .content
{
    background-image: url(/Images/boxes/modal/GIFs/window-middle.gif);
    background-repeat: repeat-y;
	
    padding: 0px 10px 0px 20px;
    color: #66625f;
    font-size: 11px;
}


.modal-window th
{
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    width: 75px;
}

.modal-window td
{
	padding: 3px;
}

.modal-window input[type=text], .modal-window input[type=password]
{
    border: solid 1px #cccccc;
    font-size: 13pt;
    padding-top: 2px;
    height: 25px;
}

.modal-window select
{
    border: solid 1px #cccccc;
    font-size: 13pt;
    height: 25px;
    /*width: 187px;*/
    width: 100%;
}

* html .modal-window input
{
    border: solid 1px #cccccc;
    font-size: 13pt;
    padding-top: 2px;
    height: 25px;
    width: 185px;
}
* html .modal-window .content .input-type-checkbox input
{
    border: 0px;
    font-size: 10px;
    height: auto;
    width: auto;
}


.modal-window a
{
    font-size: 11px;
    color: #3468bf;
}

.modal-window .actions
{
	text-align: right;
	padding: 30px 0px 0px 0px;
}

.modal-window .finish-buttons {
    text-align: center;
    padding: 20px;
}

.modal-window .finish-buttons .button-close {
	background-image: url('../Images/button-close.png');
	background-repeat: no-repeat;
	background-color: Transparent;
	border: 0px;
	cursor: pointer;
	width: 54px;
	height: 27px;
    margin: 0px auto;
}

* html .modal-window .actions input
{
	width: auto;
}

.modal-window .error
{
    text-align: right;
    color: #bd272d;
}


											/* modal-contacts */
.modal-window-contacts
{
	width: 471px;
}


.modal-window-contacts .header
{
	height: 100px;
    background-image: url(/Images/boxes/modal/window-contacts-header.png);
}
* html .modal-window-contacts .header
{
	height: 100px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/modal/window-contacts-header.png', sizingMethod='crop');
}


.modal-window-contacts .footer
{
	height: 10px;
    background-image: url(/Images/boxes/modal/window-contacts-footer.png);
}
* html .modal-window-contacts .footer
{
	height: 10px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/boxes/modal/window-contacts-footer.png', sizingMethod='crop');
}

.modal-window-contacts .content
{
    background-image: url(/Images/boxes/modal/window-contacts-middle.png);
    background-repeat: repeat-y;
    
    padding: 0px 10px 0px 20px;
    color: #66625f;
    font-size: 12px;
}
* html .modal-window-contacts .content
{
    background-image: url(/Images/boxes/modal/GIFs/window-contacts-middle.gif);
    background-repeat: repeat-y;
    
    padding: 0px 10px 0px 20px;
    color: #66625f;
    font-size: 12px;
}

.modal-window-contacts .header-text
{
	font-size: 14px;
	font-weight: bold;
}

.modal-window-contacts .actions
{
	text-align: right;
	padding: 10px;
}

.modal-window-contacts .row
{
	padding-bottom: 30px;
	vertical-align: top;
}

.modal-window-contacts .person-info
{
	float: left;
	width: 50%;
}

.modal-window-contacts .person-contacts
{
	float: left;
}

.modal-window-contacts .name
{
	font-size: 15px;
	font-weight: bold;
	color: #758718;
}

.modal-window-contacts .position
{
	font-size: 14px;
}

.select-file-button {
    background-image: url(../Images/button-browse.png);
    background-repeat: no-repeat;
    width: 61px;
    height: 25px;
    background-color: Transparent;
    background-position: right center;
}
