/*Global Core*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, caption, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, caption { vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; background: #FFF; color: #666; font: normal 11px Arial, Helvetica, sans-serif; margin: auto; }

ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
a { color: #369; text-decoration: none; font-weight: bold; }
a:hover { color: #C00; }

/* Prevent Firefox/Chrome Scrollbar Jump */
html {overflow-y:scroll;}


h3 {font-weight: bold; font-size: 14px; margin-bottom:6px;}
h6 {font-weight: bold; font-size: 11px; margin-bottom:4px;}
ul.list { padding: 0 0 0 20px; margin: 0;}
ul.list li {padding-bottom: 0px; padding-left: 5px; list-style-type:disc;}
a.itm {padding-left:17px; display:block; width:194px;}
a.itm:hover {background-color:#EEEEEE;}
a.itmactivitypage {padding-left:0px; width:211px;}
a.img {background-image: url( "/zsys/img/photo.gif" ); background-repeat:no-repeat; background-position:left;}
a.inactive { opacity: 0.5; filter: alpha(opacity=50);}
a.pgbreak {padding-left:0px; width:211px;}

.mastercontainer { width: 980px; margin: 0px auto; }
.marketingcontainer { width: 980px; margin: 0 auto; }

.page-body { margin-top:2px; background-color: White; min-height:480px; }
#landing-page-header { width:980px; background-color:#FFFFFF; font-size:14px; }

.mastermaincontent { min-height: 400px; font: 13px Arial,sans-serif; color: #000000; }


.one-column { width: 940px; float: left; }
.two-column-narrow { width: 200px; float: left; }
.two-column-wide { width: 740px; float: left; }
.two-column-half { width: 460px; float: left; }
.tab { padding:10px; width:960px; margin-bottom:10px; overflow: auto;}
.tab-column-left { width: 230px; float: left; padding:5px; }
.tab-column-right { width: 698px; float: left; padding:10px;  background-color: #E7E9B7; overflow:hidden; }

.maintext { margin-top: 1px; margin-bottom: 12px;}
.smalltext {font-size: 11px; margin-top: 1px; margin-bottom: 15px;}

.box { border: solid 1px #000000; background-image: url( "/zsys/img/bg-box3.png" ); background-repeat: repeat-x; padding: 10px 10px 10px 10px; background-position:top left;}
.box-error { border: solid 1px #CC0000; background-color: #FFE6E6; padding: 10px 10px 10px 10px; margin-bottom:10px; font-family: Verdana; font-weight:bold; }
.box-info { border: solid 1px #085FA9; background-color: #F0F5FF; padding: 10px 10px 10px 10px; margin-bottom:5px; color:#000; font-family: Verdana; }
.box-progress-info { border: solid 1px #085FA9; background-color: #F0F5FF; padding: 10px 10px 10px 10px; margin-bottom:5px; color:#085FA9; font-family: Verdana; font-weight:bold; }

.checkmark { font-size:14px; background-image: url("/zsys/img/upgrade_checkmark.gif"); background-repeat:no-repeat; padding-left:35px; padding-bottom:30px;}

.title { margin-top: 3px; margin-bottom: 3px;  font: bold 18px Arial,sans-serif; color: #085FA9; }
.title-family {margin-top: 0px; margin-bottom: 0px;}
.title img { margin-bottom: 10px;}
.title-family img { margin-bottom: 0px;}
a.title { text-decoration: none; color: #4359F3; }
.title a:hover { color: #FF7A59; }

.error {color: #CC0000;}
a.error { text-decoration: none; color: #CC0000; }
.error a:hover { text-decoration: underline; color: #CC0000; }
li.error {margin-left: 20px; list-style-type:circle; margin-top:4px;}

.buttonnormal     
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	color: #595A64;
	padding: 5px 4px;
	background-image: url( "/zsys/img/SmallButtonBackground.png");
	background-repeat: no-repeat;
	margin-right:5px;
	width: 72px;
	height: 21px;
	display:inline-block;
}

.buttonlarge        
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	color: #595A64;
	padding: 5px 4px;
	background-image: url( "/zsys/img/LargeButtonBackground.png");
	background-repeat: no-repeat;
	margin-right:5px;
	width: 128px;
	height: 21px;
	display:inline-block;
}

.bttnup { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.bttndown {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;  }
.bttnimage 
{
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #595A64;
	background: transparent url(/zsys/img/MediumButtonBackground.png) no-repeat 3px 4px; 
	width: 103px;
	height: 32px;
	border: 0;
    line-height: 29px;
    
}

.bttnimage-sm
{
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #595A64;
	background: transparent url(/zsys/img/SmallButtonBackground.png) no-repeat 3px 4px; 
	width: 83px;
	height: 32px;
	border: 0;
    line-height: 29px;
    
}



.tab-footer { background-image: url( "/zsys/img/bottom_bar.gif"); background-repeat: no-repeat; background-position: top left; height: 60px; width: 980px; padding-top: 17px; padding-left: 10px; padding-bottom:5px; clear:both; }

.import-table { width:921px;}
.import-row { background-color:#FFFFFF;  }
.import-row-alt { background-color:#EEEEEE; }
.import-row:hover {background-color:#CCCCCC;}
.import-column { white-space:nowrap; font-size:11px;}
.import-column-header th { font-weight:bold; text-align:left; padding-right:20px; border-bottom: solid 2px #000;}

.family-tab-label {width:170px; text-align:right; float:left; margin-right:10px; padding-bottom:5px;}
.family-tab-text {width:240px; padding-bottom:5px; float:left; font-weight:normal; overflow:hidden;}
.family-tab-text a {font-weight:normal; text-decoration:underline;}
.family-edit-label {width:170px; text-align:right; line-height: 22px; float:left; margin-right:5px;}
.family-edit-text {padding-bottom:5px; float:left;}

.PopupBackground { filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3; background-color:Black; width:100%; height:100%; position:absolute; top:0; left:0; display:none; z-index: 1; }
.PopupBody { width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; display:none; z-index: 2; }
.PopupContent { z-index: 3; border:solid 1px Black; background-color:#f8f8e8; padding:10px; margin:210px auto; }
.PopupContentImageEditor { z-index: 3; background-color:#ffffff; margin:50px auto; text-align:left; background-image: url( "/zsys/img/bg-box3.png" ); background-repeat: repeat-x; background-position:top;}

#notify-table
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 130%;
    font-weight: bold;
    letter-spacing: -1px;
    color: #735005;
}
.notify td
{
    border-bottom: solid 1px #D6800C;
    padding: 7px 0 7px 0;
    text-align: center;
    background-color: #F4A83D;
}
notify
{
    width: 95%;
}
.notify-close a
{
    color: #735005;
    text-decoration: none;
    background-color: #FAD163;
    border: 2px #735005 solid;
    padding-left: 4px;
    padding-right: 4px;
}

.PersonsList { list-style-type: none; margin: 0; padding: 0; width: 230px; }
.PersonsList li {border:solid 1px #abadb3; background-color:#fffcf0; font-size: 13px; height: 21px; margin: 0 3px 3px 3px; padding: 0.0em 0.4em 0.4em 1.5em; cursor:pointer;}
.PersonsList li span { position: absolute; margin-left: -1.3em; margin-top: 5px;}
.PersonsList li a { font-weight:normal; text-decoration:underline; line-height: 26px; }
.PersonsList .person-delete-link {background-image: url( "/zsys/img/trash.gif" ); }

.person-add {padding-top:8px;padding-left:10px;}
.person-add-link {font-weight:normal; text-decoration:underline;}
.person-add-textbox {margin: 2px;}



.SectionsList { list-style-type: none; margin: 0; padding: 0; width: 315px; }
.SectionsList li {clear:both; border:solid 1px #abadb3; background-color:#fffcf0; font-size: 13px; height: 21px; margin: 0 3px 3px 3px; padding: 0.0em 0.4em 0.4em 1.5em; cursor:pointer;}
.SectionsList li span { position: absolute; margin-left: -1.3em; margin-top: 5px;}
.SectionsList li span.section-name {position: relative; margin-left:0px;}
.SectionsList li span.section-name a {font-weight:normal; text-decoration:underline;}
.SectionsList .section-download-link {background-image: url( "/zsys/img/pdf_icon.gif" ); }
.SectionsList .section-delete-link {background-image: url( "/zsys/img/trash.gif" ); }

.search-message {font-size: 10px; height: 10px; vertical-align: text-top; color:#444;}
div.search-message {text-align: center; width: 90%; margin: 0 auto;padding-top: 20px;padding-bottom: 20px;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container { color:#bbb; background-color:#333;}
#simplemodal-container code { display:block; }

#simplemodal-container a.modalCloseImg {background:url(/zsys/img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-8px; right:-8px; cursor:pointer;}
#simplemodal-container #basic-modal-content #detail-modal {padding:8px;}

#insert-group-div
{
    width: 200px; height:100px; border: 1px solid #777; background-color:#f8f8e8; padding:10px; display: none; position: absolute;
}

#delete-group-div
{
    width: 200px; height:80px; border: 1px solid #777; background-color:#f8f8e8; padding:10px; display: none; position: absolute;color: #000;
}

#edit-group-div
{
    width: 200px; height:100px; border: 1px solid #777; background-color:#f8f8e8; padding:10px; display: none; position: absolute;
}

#delete-group-name {
    display: inline-block; vertical-align: text-top; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.GroupsList .group-delete-link {background-image: url( "/zsys/img/trash.gif" ); }
.GroupsList li a { font-weight:normal; text-decoration:underline;}
.group-add {padding-top:4px;padding-left:6px;}
.group-add-link {font-weight:bold; text-decoration:underline;}

#delete-pdf-dialog-div
{
    width: 200px; height:100px; border: 1px solid #777; background-color:#f8f8e8; padding:10px; display: none; position: absolute;color: #000;
}

#delete-pdf-dialog-div input[type=button]{
    cursor:pointer;
}

#delete-pdf-dialog-div #delete-pdf-name{
    display: inline-block; vertical-align: text-top; max-width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

#submit-photo-message-div
{
    width: 600px;  min-height:500px; background-color:#FFF; border: 1px solid #777; padding:20px; display: none; position: absolute;
    font-size:14px;
    color:#333;
}


#submit-photo-url-div
{
    width: 600px;  min-height:200px; background-color:#FFF; border: 1px solid #777; padding:20px; display: none; position: absolute;
    font-size:14px;
    color:#333;
}


#submit-photo-email-body-div
{
    width: 600px; min-height:460px; background-color:#FFF; border: 1px solid #777; padding:20px; display: none; position: absolute;
    font-size:14px;
    color:#333;
}


    #submit-photo-email-body-div p {
        margin-top:20px;
    }


.cr-submit-photo-email-body-textarea {

    width:100%;
    height:280px;

}





.cr-icd-members-header-block {

    background: url(/zsys/img/icd-app-icon-transparent.png) 10px no-repeat;
    padding-left:55px;
    padding-top:5px;
    height:50px;
    box-sizing:border-box;
    background-color:#cdcd55;
}

.cr-icd-upload-photo-block {

    margin:auto;
    width:480px;

}

.cr-icd-upload-photo-image-block {

    border:1px solid #333;
    margin-top:20px;
    padding:10px;
    text-align:center;
    
    height: 300px; 
    white-space: nowrap;

    
}


.cr-icd-upload-photo-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}



.cr-icd-upload-photo-img {

    max-height:100%;
    max-width:100%;
    vertical-align: middle;
}






.cr-icd-upload-photo-names-textbox {

    width:380px

}

 @media screen and (max-width: 480px)
{

     .cr-icd-upload-photo-block {

        width:100%;

    }
     
    .cr-icd-upload-photo-image-block {

        height:200px;

    }

    .cr-icd-upload-photo-names-textbox {

        width:200px

    }

}




.cr-debug-outline {

    outline:1px solid red;

}


.cr-debug-title {

    position:absolute;
    top:0;
    left:0;
     padding:3px;
    background-color:red;
    color:white;
    

}

.cr-debug-title-container {
    position: relative;

}