﻿*:focus {outline-width: 0px; outline-style: none;}

* {padding: 0px; 	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

html
{
	background: url("../Images/new/main.bg.jpg") repeat;
}
html.HtmlWhite
{
    
    background:#fff !important;
}
body
{
	margin: 0px;
	padding: 0px;	
	font-family: 'Open Sans', sans-serif;
	font-size: 14px !important;
	color: #006ab6  !important;
	font-weight:bold;
}

h2
{
	font-weight: 600;
	font-size: 30px;
	margin: 0px 0px 4px 0px;
}
h3
{
	font-weight: 600;
	font-size: 20px;
	margin: 0px 0px 4px 0px;
}

h4
{
	font-weight: 700;
	font-size: 14px;
	margin: 0px 0px 8px 0px;
}

p
{
	line-height: 17px;
	margin: 0px 0px 10px 0px;
}

input
{
	font-size: 15px;
	font-family: 'Oxygen', sans-serif;
	font-weight:bold;
}

a
{
	color: #0066b0;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#container
{
	width: 1200px;
	margin: auto;
}


#AlertMsgContainer {
    color: Black;
    background-color: #f5c607;
    padding: 2px;
    height: 50px;
}

#AlertMsgInner {
    width: 680px;
    margin: auto;
    padding-left: 250px;
}

.searchControl
{
	width: 251px;
}

.ui-ctrl.ui-section.type-header
{
	position: relative;
	margin-bottom: 12px;
}

.ui-ctrl.ui-section.type-header .siteLogo
{
	display: block;
	width: 208px;
	height: 68px;
	background: url(../Images/logo1.jpg) no-repeat right top;
	position: absolute;
	left: 28px;
	top: 20px;
}

.ui-ctrl.ui-section.type-header .siteMenu
{
	float: right;
	margin-right: 31px;
	margin-top: 24px;
}

.siteMenu ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.siteMenu ul li
{
	float: left;
	margin-left: 11px;
	border-left: 1px solid #d4d4d4;
	padding-left: 11px;

}

.siteMenu ul li.first
{
	/*margin-left: 0px;
	padding-left: 0px;*/
	border: none;
}

.siteMenu ul li,
.siteMenu ul li a
{
	font-size: 13px;
	color: #29292a;
	font-weight: 700;
	text-decoration: none;
/*text-transform: uppercase;*/
}

.siteMenu ul li a:hover
{
	text-decoration: underline;
}



.ui-ctrl.ui-section.type-header .loginInfo
{
	position: absolute;
	right: 31px;
	top: 60px;
}

.ui-ctrl.ui-section.type-header .loginInfo ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.ui-ctrl.ui-section.type-header .loginInfo ul li
{
	float: left;
	margin-left: 11px;
	border-left: 1px solid #d4d4d4;
	padding-left: 11px;

}

.ui-ctrl.ui-section.type-header .loginInfo ul li.first
{
	margin-left: 0px;
	padding-left: 0px;
	border: none;
}

.ui-ctrl.ui-section.type-header .loginInfo ul li,
.ui-ctrl.ui-section.type-header .loginInfo ul li a
{
	font-size: 12px;
	color: #29292a;
	font-weight: normal;
	text-decoration: none;
	font-family: "Oxygen", "sans-serif";
}

.ui-ctrl.ui-section.type-header .loginInfo ul li a
{
	color: #006ab6;
}

.ui-ctrl.ui-section.type-header .loginInfo ul li a:hover
{
	text-decoration: underline;
}

.ui-ctrl.ui-section.type-header .loginInfo .ui-icon.settings
{
	float: left;
	margin-right: 5px;
	margin-top: -1px;
}

.topMenu
{
	display: block;

}

.topMenu .ui-button span
{
	text-overflow:clip;
	
}
.topMenu .menu-item
{
	width: 188px;
	float: left;
}

.topMenu .menu-item
{
	/*text-transform: uppercase;*/
}

.topMenu .menu-item .ui-ctrl.ui-button.type-a span
{
	text-align: left;
}

.topMenu .ui-icon
{
	float: left;
	width: 22px!important;
	margin-right: 9px;
	margin-left: 5px;
}

/* ICONS PLACEMENT */

.topMenu .ui-icon.profile 		{ margin-top: 10px; }
.topMenu .ui-icon.conditions 	{ margin-top: 12px; }
.topMenu .ui-icon.allergies 	{ margin-top: 12px; }
.topMenu .ui-icon.medications 	{ margin-top: 12px; }
.topMenu .ui-icon.vaccinations 	{ margin-top: 10px; }
.topMenu .ui-icon.devices 		{ margin-top: 10px; }
.topMenu .ui-icon.insurance 	{ margin-top: 10px; }
.topMenu .ui-icon.contacts 		{ margin-top: 13px; }
.topMenu .ui-icon.summary 		{ margin-top: 10px; }
.topMenu .ui-icon.history 		{ margin-top: 13px; }

.topMenu .ui-button:hover .ui-icon.profile,
.topMenu .ui-button.active .ui-icon.profile 
{ 
	background-position: 0px -100px; 
}

.topMenu .ui-button:hover .ui-icon.conditions,
.topMenu .ui-button.active .ui-icon.conditions
{ 
	background-position: -50px -100px;  
}

.topMenu .ui-button:hover .ui-icon.allergies,
.topMenu .ui-button.active .ui-icon.allergies
{ 
	background-position: -100px -100px;  
}

.topMenu .ui-button:hover .ui-icon.medications,
.topMenu .ui-button.active .ui-icon.medications
{ 
	background-position: -150px -100px;  
}

.topMenu .ui-button:hover .ui-icon.vaccinations,
.topMenu .ui-button.active .ui-icon.vaccinations
{
	background-position: -200px -100px;
}

.topMenu .ui-button:hover .ui-icon.devices,
.topMenu .ui-button.active .ui-icon.devices
{ 
	background-position: -250px -100px;  
}

.topMenu .ui-button:hover .ui-icon.insurance,
.topMenu .ui-button.active .ui-icon.insurance
{ 
	background-position: -300px -100px;  
}

.topMenu .ui-button:hover .ui-icon.contacts,
.topMenu .ui-button.active .ui-icon.contacts
{ 
	background-position: -350px -100px;  
}

.topMenu .ui-button:hover .ui-icon.summary,
.topMenu .ui-button.active .ui-icon.summary
{ 
	background-position: -400px -100px;  
}
.topMenu .ui-button:hover .ui-icon.history,
.topMenu .ui-button.active .ui-icon.history
{ 
	background-position: -450px -100px;  
}
.ui-block.summary
{
	margin-top: 16px;
	margin-bottom: 26px;
}

.ui-block.summary .ui-scrollable-block
{
	height: auto;
	height: 174px;
	font-family: "Oxygen", "sans-serif";
	font-size: 14px;
	color: #3f342b;
}

.ui-block.summary .ui-scrollable-block .row
{
	display: block;

}

.ui-block.summary .ui-scrollable-block .row .subRow
{
	/*width: 385px;*/
	min-height: 34px;	
	float: left;
	/*border-top: 1px dotted #bed2d2;*/
	/*added*/border-bottom: 1px dotted #bed2d2;
	margin-top: 2px;
	padding-top: 2px;
}

.ui-block.summary .ui-scrollable-block .row.first .subRow
{
	border-top: none;
	padding-top: 0px;
	margin-top: 0px;
}

.ui-block.summary .ui-scrollable-block .row .subRow.left
{
	margin-right: 20px;
}

.ui-block.summary .ui-scrollable-block .row .col
{
	display: block;
	float: left;
	margin-right: 8px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.ui-block.summary .ui-scrollable-block .row .col.name
{
	max-width:458px;
}

.ui-block.summary .ui-scrollable-block .row .col.input
{
	width: 226px;
}
.ui-block.summary .ui-scrollable-block .row .col.inputReaction
{
	width: 221px;
}
.ui-block.summary .ui-scrollable-block .row .col.inputYear
{
	width: 99px;
}
.ui-block.summary .ui-scrollable-block .row .col.inputPerDay
{
	width: 89px;
}
.ui-block.summary .ui-scrollable-block .row .col.icons
{
	width: 30px;
	margin-right: 0px;
	padding-top: 10px;
	/*text-align: right;*/
}

.ui-block.summary .ui-scrollable-block .row .col.icons .ui-icon
{
	display: inline-block;
	margin-left: 5px;
}

.ui-block.summary .ui-scrollable-block .row .col.icons .ui-icon.eye-opened
{
	margin-bottom: 4px;
}

.ui-block.summary .ui-scrollable-block .row .col.icons .ui-icon.eye-closed
{
	margin-bottom: 2px;
}

.ui-ctrl.ui-section.type-expandable .section-header .ui-icon.plus
{
	float: left;
	margin-top: 13px;
	margin-left: 9px;
}

.ui-ctrl.ui-section.type-expandable .section-header
{
/*text-transform: uppercase;*/
}

.ui-table.expandable-table .col.col1
{
	margin-left: 16px;
}

.ui-table.expandable-table .col.col1,
.ui-table.expandable-table .col.col2
{
	width: 310px;
}

.ui-table.expandable-table .col.col3
{
	width: 220px;
}

.ui-table.expandable-table .cell
{
	margin: 8px 0px 8px 0px;
	font-family: "Oxygen", "sans-serif";
	font-size: 14px;
	color: #3f342b;
	line-height: 19px;
}

.ui-table.expandable-table .cell input[type="checkbox"],
.ui-table.expandable-table .cell img
{
	margin-right: 16px;
	margin-top: 3px;
	float: left;
}

.ui-table.expandable-table .cell.withInput input[type="checkbox"]
{
	margin-top: 10px;
}

.ui-table.expandable-table .cell .ui-ctrl.ui-input.type-a
{
	float: left;
	width: 226px;
}
.inputReaction
{
	width: 221px;
}
.inputYear
{
	width: 92px;
}
.ui-ctrl.ui-section.type-footer .section-body
{
	position: relative;
}

.ui-ctrl.ui-section.type-footer .section-body .controls
{
	position: absolute;
	right: 26px;
	top: 14px;
}
.ui-ctrl.ui-section.type-footer .section-body .controlsTop
{
	position: absolute;
	right: 26px;
	bottom: 14px;
}
.ui-ctrl.ui-section.type-footer .ui-button.type-b
{
	float: left;
	width: 157px;

}

.ui-button.type-b.btnBack,
.ui-button.type-b.btnNext
{
	position: relative;
}

.ui-button.type-b.btnBack .ui-icon,
.ui-button.type-b.btnNext .ui-icon
{
	position: absolute;
}

.ui-button.type-b.btnBack .ui-icon
{
	left: 18px; 
	top: 17px;
}

.ui-button.type-b.btnNext .ui-icon
{
	right: 18px; 
	top: 17px;
}

.footer-text
{
	display: block;
	text-align: center;
	color: #2c2b2b;
	font: "Oxygen","sans-serif";
	font-size: 12px;
	padding-top:20px;
}

.footer-text .siteMenu
{
	margin: auto;
	margin-top: 16px;
}

.footer-text .siteMenu ul li
{
	float: none;
	display: inline-block;
	border-left:1px solid #3da8ae;
}

.footer-text .siteMenu ul li.first
{
	border-left: none;
}

.moreOptions .option
{
	width: 280px;
	float: left;
	margin-left: 20px;
}

.moreOptions .option.first
{
	margin-left: 0px;
}

.moreOptions .option .ui-icon
{
	float: left;
	margin-left: 11px;
	width: 46px;
}

.moreOptions .option .ui-icon.password
{
	margin-top: 17px;
}

.moreOptions .option .ui-icon.doctor
{
	margin-top: 15px;
}

.moreOptions .option .ui-icon.video
{
	margin-top: 18px;
}


.userInfo
{
	color: #3f342b;
}

.userInfo .image
{
	display: block;
	float: left;
	width: 100px;
	min-height: 1px;
}

.userInfo .textInfo
{
	display: block;
	float: left;
	margin-left: 2px;
	width: 360px;
}

.userInfo .row
{
	display: block;
	min-height: 1px;
	margin-top: 11px;
}

.userInfo .row.first
{
	margin-top: 0px;
}

.userInfo .row .col 
{
	float: left
}

.userInfo .row .col.label
{
	width: 120px;
	font-size: 14px;
	font-weight: 700;
	font-family: "OpenSans",sans-serif;
/*text-transform: uppercase;*/
}

.userInfo .row .col.data
{
	font-family: "Oxygen",sans-serif;	
}

.userInfo a
{
	font-size: 14px;
}
.ui-block.type-c .block-body
{
	color: #3f342b;
	
}
.ui-block.ui-bordered.type-c table
{
    border-collapse:collapse !important;
}
.ui-block.ui-bordered.type-c table td{
    padding: 5px;
}
.ui-block.type-c .block-body .header
{
	color:#006ab6;
}
.ui-block.type-c .buttonPanel
{
	display: block;
	float: right;
	font-size: 12px;
	line-height: 23px;
}

.ui-block.type-c .buttonPanel .ui-icon
{
	float: right;
	margin-left: 6px;
}

.listOfIcons
{
	background: #aaaaaa;
	padding: 20px;
}

.listOfIcons .iconCell
{
	display: block;
	width: 50px;
	height: 50px;
	float: left;
}

.listOfInputs .col
{
	display: block;
	width: 270px;
	float: left;
}

.listOfInputs .col .row
{
	margin-bottom: 8px;
}
/*login/register*/
.loginBox
{
	display: block;
	width:305px;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 60px;
}

.loginBox .loginForm
{
	padding-top: 10px;
}

.loginBox .loginForm .ui-ctrl.ui-input.type-a
{
	margin-bottom: 5px;
}


.loginBox .loginForm .forgotPassword
{
	padding-top: 3px;
}

.loginBox .loginForm .buttonPanel
{
	padding-top: 8px;
}

.loginBox .loginForm .buttonPanel .ui-ctrl.ui-button.type-b
{
	width: 118px;
	float: right;
}
.loginBox .loginForm .blackTxt
{
	color: rgb(63, 52, 43);
}
.loginBox .loginForm .termOfuse
{
	font-size:13px;
}
.strength
{
	color:Black;
	padding:5px;
	font-weight:bold;
	font-size:14px;
	border-radius:3px;
}
.lightText
{
	color: #2B5580;
	font-size:13px;
	
}


/*settings dropdown menu*/
div.dropdown {

margin: 3px -22px 0 0;
width: 143px;
position: relative;
height: 17px;
text-align:left;
}
div.submenu
{
background: #fff;
position: absolute;
top: 80px;
left: 1320px;
z-index: 100;
width: 190px;
display: none;
margin-left: 10px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
border:solid black 2px;
}
.dropdown ul li
{
	float: left;
	margin-left: 0 !important;
	padding-left:0 !important;
	border-bottom:solid 1px gray !important;
	width:100%;
}
.dropdown ul li.first
{
	float: left;
	margin-left: 0 !important;
	padding-left:0 !important;
	width:100%;
	background-color:Black;
	color:White;
	font-weight:bold;
	padding-left:3px;
	padding-top:3px;
	padding-bottom:3px;
}
.dropdown  li a {
   
    color: #555555 !important;
    font-size:12px !important;
    display: block;
    font-family: arial !important;
    font-weight: bold !important;
    padding: 6px 15px;
  cursor: pointer;
text-decoration:none;
}

.dropdown li a:hover
{
	background: #99CCFF;
	color: #FFFFFF;
	text-decoration: none;
}
a.account {
cursor:pointer;

}
.root
{
list-style:none;
margin:0px;	
}

.arrow
{
display: block;
height: 10px;
width: 8px;
background: url(../Images/arrow.png) no-repeat right bottom;
float: right;
}/*end*/





/*innerExpand*/

.ui-block.innerExpand
{
	/*margin-top: 16px;
	margin-bottom: 26px;*/
}


.ui-block.innerExpand .row
{.ui-block.innerExpand .row .col.name 
	display: block;
	float:left;

}

.ui-block.innerExpand .row .subRow
{
	/*width: 385px;
	/min-height: 34px;*/	
	float: left;
	/*border-top: 1px dotted #bed2d2;*/
	/*addedborder-bottom: 1px dotted #bed2d2;
	margin-top: 14px;
	padding-top: 13px;*/
}

.ui-block.innerExpand .row.first .subRow
{
	border-top: none;
	padding-top: 0px;
	margin-top: 0px;
}

.ui-block.innerExpand .row .subRow.left
{
	margin-right: 2px;
}

.ui-block.innerExpand .row .col
{
	display: block;
	float: left;
	margin-right: 8px;
	/*height: 34px;*/
	/*line-height: 34px;*/
	overflow: hidden;
	/*white-space: nowrap;*/
	/*text-overflow:ellipsis;*/
}

.ui-block.innerExpand .row .col.name
{
	max-width:458px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:7px;
	color: rgb(63, 52, 43);
}
.ui-block.innerExpand .row .col.select
{
	padding-top:5px;
}

.ui-block.innerExpand .row .col.input
{
	width: 226px;
}
.ui-block.innerExpand .row .col.inputReaction
{
	width: 221px;
}
.ui-block.innerExpand .row .col.inputYear
{
	width: 91px;
}
.ui-block.innerExpand .row .col.icons
{
	/*width: 50px;*/
	margin-right: 0px;
	padding-top: 7px;
	/*text-align: right;*/
}

.ui-block.innerExpand .row .col.icons .ui-icon
{
	display: inline-block;
	margin-left: 5px;
}

.ui-block.innerExpand .row .col.icons .ui-icon.eye-opened
{
	margin-bottom: 4px;
}

.ui-block.innerExpand .row .col.icons .ui-icon.eye-closed
{
	margin-bottom: 2px;
}
/*contacts*/
.contactsBox
{
    width:49%;
    float:left;
}
.contactsBoxInner
{
    color: rgb(63, 52, 43);
    padding-top:5px;
    padding-bottom:5px;
}
.contactsBoxInner .lbl
{
    width:100px;
    float:left;
    padding-top:5px;
}
.contactsBoxInner .lbl.smallerWidth
{
    width:92px;
}
.contactsBoxInner .reqspan{  float:left;width:8px;}

.contactsBox.DottedBorder
{
    border-right: 1px dotted rgb(190, 210, 210);
}

/*forgotPassword*/
.fpBoxInner
{
    display: block;
	width:690px;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 60px;
	color: rgb(63, 52, 43);
  
}
.fpBoxInner .lbl
{
    width:208px;
    float:left;
    padding-top:5px;
}
.fpBoxInner .lblLong
{
    width:205px;
    float:left;
    padding-top:5px;
}
.fpBoxInner .lbl.smallerWidth
{
    width:200px;
}
.fpBoxInner .reqspan{  float:left;width:8px;}
.fpBoxInner .buttonPanel .ui-ctrl.ui-button.type-b {
width: 118px;
float: right;
}
/*end*/

/*mdPopups (add/edit/view)*/
.mdPopups
{
    display: block;
	width:95%;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 60px;
	color: rgb(63, 52, 43);
  
}
.mdPopups .lbl
{
    width:170px;
    float:left;
    padding-top:5px;
}
.mdPopups.long .lbl
{
    width:200px;
    float:left;
    padding-top:5px;
}
.mdPopups.long .lbl.small
{
	width:193px;
}
.mdPopups .cb input[type="checkbox"]
{
    margin-top:8px;
}
.mdPopups .buttonPanel .ui-ctrl.ui-button.type-b {
width: 140px;
float: right;
}
/*save buttons div */
.mdPopups .DivBtnSave{
margin:auto;width:150px;}
/*end*/
/*padding between checkbox and text*/
.NoTranslation.cb label
{
 margin-left:3px;
}
.cb_lable label
{
 margin-left:5px;
}
.bottomBtnBox
{
display: block;
width: 310px;
margin: auto;
}
.largeZindex
{z-index:1000 !important;
}.ui-front { z-index: 1000 !important; }
.insurance span{
float: left;
width:200px;
padding-top:5px;
}

.insurance br{
clear: left;
}
/* COMMON MARGINS / PADDINGS / SIZES / COLORS / ETC */

.pad10t
{
	padding-top: 20px;
}
.pad20t
{
	padding-top: 20px;
}
.pad120r
{
   padding-right:120px; 
}
.pad140r
{
   padding-right:140px; 
}
.pad170l
{
   padding-left:170px; 
}
.pad190l
{
   padding-left:190px; 
}
.pad190r
{
   padding-right:190px; 
}
.marg20t
{
	margin-top: 20px;
}
.padt15 {
    padding-top: 15px;
}
.textLeft { text-align: right;}
.textRight { text-align: right;}
.black
{
	color: #000000 !important;
}
.red {color: #e63333;}
.brown {color: #3f342b}
.darkGray{color: rgb(63, 52, 43);}
.colorBlue{color: #006ab6 !important;}

.w50
{
	display: block;
	width: 50px;
}
.w55
{
	display: block;
	width: 55px;
}
.w68
{
	display: block;
	width: 69px;
}
.w75
{
	display: block;
	width: 80px;
}
.w80
{
	display: block;
	width: 80px !important;
}
.w93
{
	display: block;
	width: 93px;
}
.w98
{
	display: block;
	width: 98px;
}
.w100
{
	display: block;
	width: 100px;
}
.w110
{
	display: block;
	width: 110px;
}
.w150
{
	display: block;
	width: 150px !important;
}
.w180
{
	display: block;
	width: 180px;
}
.w200
{
	display: block;
	width: 200px;
}

.w250
{
	display: block;
	width: 250px;
}
.w262
{
	display: block;
	width: 274px;
}
.w280
{
	display: block;
	width: 280px;
}
.w290
{
	display: block;
	width: 290px;
}
.w305
	{width:305px;
	}
.w350
{
	width: 350px;
}
.w450
{
	width: 450px;
}
.w1000
{
	width: 1000px;
}
.w60p
	{width:60%;
	}
.MaxWidth90 {
    width: 90%;
}
.bold{font-weight:bold;}
#contentFix {   position:absolute; }
/*for the popups that are INLINE popups - like terms of use*/
.ui-ctrl.ui-section.stype-header
{
	position: relative;
	height:70px;
	margin-bottom: 1px;
}
.ui-ctrl.ui-section.stype-header {
border-bottom: 1px dotted #bed2d2;
}
.ui-ctrl.ui-section.stype-header .siteLogo
{
	display: block;
	width: 152px;
	height: 53px;
	background-image: url(../Images/new/small_logo.png); 
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 152px 53px;
	position: absolute;
	left: 28px;
	top: 15px;
}
.ui-ctrl.ui-section.stype-header .closeIcon
{
	margin-right: 31px;
    margin-top: 24px;
	width: 26px;
	height: 26px;
	background: url(../Images/new/x_icon.png) no-repeat right top;
	float:right;
}
.ui-ctrl.ui-section.stype-header .helpIcon
{
	margin-right: 31px;
    margin-top: 24px;
	width: 26px;
	height: 26px;
	background: url(../Images/icon_i2.gif) no-repeat right top;
	float:right;
}
.closeIconPopup
{
	
	width: 26px !important;
	height: 26px !important;
	background: url(../Images/new/x_icon.png) no-repeat right top !important;

	padding: 0 !important;
border: none !important;

}
#wizard .helpIcon
{
	width: 22px;
	height: 22px;
	background: url(../Images/icon_i2.gif) no-repeat right top;
	float:left;
}
/*end*/





.AlignCenter,.PagerAlignCenter,.PagerAlignCenter td,.PagerAlignCenter td table,.PagerAlignCenter td table td 
{
    text-align:center;
    margin-right:auto;
    margin-left:auto;
}
.AlignLeft
{
    text-align:left;
    margin-right:auto;
   
}
.AlignRight
{
    text-align:right;
    margin-right:auto;
   
}
.AbsoluteBottomCenter
{
	position:absolute; 
	bottom:0;
	left: 0;
	right: 0;
}
.MaxWidth
{
    width:100%;
}
.MaxWidth80
{
    width:80%;
}
.MaxWidth210
{
	max-width:210px;
}
.floatLeft
{
    float:left;
}
.floatLeftNum
{
    float:left;
}
.floatRight
{   
    float:right;
}
.AlignTop
{
    vertical-align:top !important;
}
.Alignbottom
{
    vertical-align:bottom;
}
.req
{
    color: #FF0000;
    font-weight: 700;
   
}

.LTR{direction:ltr}

.lightgrey12px
{
    font-size:12px;
    color:#919191;
}
.uploadPhoto
{
    background-color:#E6E6DA;
}
 div#loader.loading
{
    background: url('../Images/spinner.gif') no-repeat center center;
    background-color: #EEEFE9;
}

/*managment*/
.tdClick:hover
{
	background-color: #ccc;
	cursor: pointer;
}



/*** DOTS ***/
.verticalDots1
{
    width:1px;
    background-image: url('../Images/new/separate_line_vert.jpg');
    background-repeat: repeat-y;
}
.horizontalDots1
{
    height:1px;
    background-image: url('../Images/new/separate_line_hor.jpg');
    background-repeat: repeat-x;
}
/*** COLORS ***/
.colorWhite
{
    color:#FFFFFF;
}

/*** PADDINGS ***/
.paddingLeft30
{
    padding-left:30px;
}
.paddingLeft40
{
    padding-left:40px;
}
.paddingRight40
{
    padding-right:40px;
}
.paddingLeft2px
{padding-left:2px;
}
.paddingRight2px
{
    padding-right:2px;
}
.paddingLeft5px
{padding-left:5px;
}
.padL8
{
    padding-left:8px !important;
}

.PaddingRight5
{
    padding-right:5px !important;
}
.marginRight5
{
    margin-right:5px !important;
}
.margL5
{
    margin-left:5px !important;
}

.marginRight5Num
{
    margin-right:5px !important;
}
.marginRight8
{
    margin-right:8px !important;
}
.margintTop8
{
    margin-top:8px;
}
.PaddingRight8
{
    padding-right:8px !important;
}
.PaddingBottom10
{
    padding-bottom:10px;
}
.padt3
{ padding-top:3px;
}
.PaddingTop10
{
    padding-top:10px;
}
.Padding20
{
    padding:20px;
}
.PaddingLeft20
{
    padding-left:20px;
}
.PaddingRight20
{
    padding-right:20px;
}
.padL200{
   padding-left:200px; 
}.height32
{
    height:32px;
}
/*** END PADDING ***/
.no_wrap
{
    white-space: nowrap;
}
.tableNoSpacing
{
  border-spacing:0 !important;
  border-collapse:collapse !important;
}
.fixedLayout
{
    table-layout:fixed;
}
.box
{
    margin-left:2px;
}
#box
{
        width: 150px;
        height: 150px;
        text-align: center;
        position: absolute;
        margin-right: -75px;
        margin-top: -9px;
        right: 50%;
        top: 50%;
        z-index: 20;
        display: block;
}

#screen
{
        position: absolute;
        right: 0;
        top: 0;
        background: #000;
         opacity: 0.5;
         width:100%;
         height:100%; 
         z-index: 1000;
}
/*fix for ie*/
a img{
border:0;
}
.dotted
{
    border-bottom: 1px dotted rgb(190, 210, 210);
}
.dd .ddcommon.floatLeft
{float:left;
    }
.NoWrap3dots{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.visibleParent{
      position:absolute !important;
      visibility:hidden !important;
      display:block !important;
    }
    /*page bg when modal popups*/
.modalBackground 
{ 
    background-color: Gray; 
    filter: alpha(opacity=50); 
    opacity: 0.50; 
} 
.upperCase
{
  /* text-transform: uppercase;*/
}
/*button widths*/
.btnWidth118
{
    width:118px;
}
.btnWidth150
{
    width:150px !important;
}
.btnWidth218
{
    width:218px !important;
}
.blackThinBorder
{
    border:solid 1px #000;
    }
    ._1_2em
    {
        font-size:1.2em;
    }
	
    .underline
{
    text-decoration:underline;
}
.divDragDrop
{
	border: thin dashed #666666;
	display: block;
	overflow-y: auto;
	height: 110px;
	
	padding: 10px;
}
/*phone numbers in ContactsStep*/
#ContactsStep .phoneNums td
{
	padding-right:8px;
}
.list_gridview {
width:100%;
border:1px solid #000;
color:#3f342b;
border-collapse:collapse;
font-weight:700;
}

.list_gridview tr.row:hover
{
	background-color: #E6ECF1;
}
.list_gridview tr th
{
	color: #006ab6;
	text-align:left;
}

/*tree view*/
.TreeView1_9{color:red !important;font-weight:bold;}
.tree{font-weight:bold;}
/*end*/

.divArrow
{
    background-color: #3FBE3F;
    position: absolute;
    top: 20px;
    left: 45%;
    z-index: 100;
    font-family: rgb(110, 192, 63);
}
.defaultMouse
{
	cursor: default !important;
}
.spanTitle.addButtons
{
	padding-right:10px !important;
	padding-left:2px !important;
}
.spanTitle .addDocLeft
{
	padding-right:0px !important;
}
.spanTitle .addDocRight
{
	margin-left:0px !important;
}
.back
{
	font-weight: bold;
	float: left;
	text-decoration: underline;
	color: #000;
	font-size:20px;
}
.links
{
	border:solid #006ab6 thin;
	width:380px;
	padding:10px;
}
.links a
{
	font-size:14px !important;
	text-align:left;
	text-decoration:underline !important;
}
.links a:hover
{
	color:#095DA7 !important;
	cursor:hand;
}
.PDFHeb
{
	direction:rtl;
}
#divGvDocList{height:300px;overflow:auto;}


.avatar
{
	
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	border:solid 1px black;
}


/* ------------  CLEARING  --
This technique was originally developed by Tony Aslett, 
upgraded by Alex Robinson
-------------------------- */

.clearfix:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearboth {clear:both;}
.spacer{display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
@media only screen and (max-device-width: 720px) and (orientation:portrait) {
	/* Styles */
	#container
	{
		width: 90%;
		margin: auto;
	}
	body
	{
		margin: 0px;
		padding: 0px;	
		font-family: 'Open Sans', sans-serif;
		font-size: 12px !important;
		color: #006ab6  !important;
		font-weight:bold;
	}

	.loginBox
	{
		display: block;
		width:255px;
		margin: auto;
		margin-top: 5px;
		/*margin-bottom: 60px;*/
	}
	h2
	{
		font-weight: 600;
		font-size: 23px;
		margin: 0px 0px 4px 0px;
	}
	.w305
	{width:255px;
	}
		

}
