.custom-form { padding:14px; }
.ui-custom-form { width:1024px; margin:0 auto;}
.ui-custom-form .ui-widget-header, .ui-custom-form .ui-widget-header h2 {color:#fff; font-weight:500; font-size:15px;}
.ui-custom-form .ui-widget-title { padding:8px; font-weight:bold; font-size:2.0em; text-align:center; margin-top:12px; }
.ui-custom-box { width:480px; float:left; }
.ui-custom-boxblue { width:480px; float:left; margin:12px; background:#7CB8FC url(/images/gbf/ui-bg_highlight-hard_100_blue_1x100.png) 50% 50% repeat-x; background-position:top; }
.ui-custom-boxsm { width:33%; float:left; border:none; background-image:none; background-color:transparent; margin:0px; padding-bottom:12px; }
.ui-custom-boxsm .ui-custom-content p { font-size:1.0em; margin:0px 0px 0 0px; text-align:justify; line-height:120%; }
.ui-custom-content p { font-size:1.3em; margin:20px 20px 0 20px; text-align:justify; line-height:120%; }
.ui-custom-content .exclaim { margin:15px 20px 0 20px; color:#016c08; font-style: italic; font-size:1.6em; text-align:center; line-height:120%; }
.ui-custom-content .exclaim_red { margin:15px 20px 0 20px; color:#cc1a23; font-style: italic; font-size:1.5em; text-align:center; line-height:120%; }
.ui-custom-content .info { font-weight: bold; font-size:1.4em; text-align:left; }
.ui-custom-content .image_title { height:76px; margin-left: 10px;}
.ui-custom-content .sm { font-size:1.3em; margin:10px 10px 10px 10px; }

.ui-form .ui-title { color:#000; font-size:18px; font-weight:600; padding:0px 0px 8px 15px; }
.ui-form .ui-widget-header { height:28px; margin:12px; }
.ui-form .ui-widget-header h2 { padding:4px; text-align:center; font-size:1.6em; font-weight:500; color:#fff }
.ui-form .helper-info, .ui-desc-text { color:#000; }
.ui-form label, .ui-form input, .ui-form inputsm,.ui-form .ui-state-error, .ui-form .ui-icon, .ui-form .ui-state-error p  {float: left;}
.ui-form label {color:#000; font-size:1.2em; padding:10px 10px 0 0; text-align: right; width:124px; padding-right:4px;}

/* normal */
.ui-form .input, .ui-form .inputsm {padding:4px; float:left; width:400px; }
.ui-form .input p, .ui-form .inputsm p { font-weight:normal; padding-top:5px; float: left; font-size: 10px;}
.ui-form .input .ui-icon, .ui-form .inputsm .ui-icon { margin:5px 3px 0 4px; float: left;}
.ui-form .inputsm {width:300px; }
.ui-form .inputsm input {width: 160px;}

/* errors */
.ui-form .ui-state-error, .ui-form .ui-state-default {padding: 3px; }
.ui-form .ui-state-error p { color:red; font-weight:bold; overflow:hidden; }
.ui-form .ui-state-error .ui-icon { margin:5px 3px 0 4px; }
.ui-form select { float: left;}

.ui-icon-none {background-position: -600px 3px;}
input, select {width:180px; background-color:#fff; padding:1px; margin:0px;  }
select { width:186px; padding:0px;}
.ui-desc-text { margin:0px; font-size:12px; }
.ui-checkbox { vertical-align:bottom; position:relative; top:-1px; margin:0px; padding:0px; width:16px; height:16px; }


.focusField{ border:1px solid #f4a713;  background: #fff; }  
.idleField{ border:1px solid gray; background: #fff; }  

.imgLink { margin-right: 4px;}
.infoBox {border:1px solid #ccc; background-color:#fff; padding:12px; margin:14px;}
#loginBtn, #resetBtn, #cancelBtn { padding: 6px;}

input { margin-top:4px; width: 240px;  }
#recBtn { cursor: pointer;}

.section { border:0px solid green; margin-bottom:18px;}
.section label { font-size:11px; }
.legend {padding:4px; color:#000; font-size:1.3em; background-color:#ccc; width:80%; text-align:center; margin:auto; margin-bottom: 4px;}

.main_body_content { width:auto; margin-left:auto; margin-right:auto; }

#card {padding:0px 0px 8px 20px;}
.profilePic img { width:160px; height:auto; float:left; margin-right:8px; margin-bottom:4px; }
.profileCard { width:70%; height:100px; margin-bottom:4px; float:left; line-height: 120%; }
.profileData { font-weight: 500; }
#card .lab {width:48px; float:left; text-align:right; font-weight:500; padding-right:4px;}

.imageDiv { border:1px solid silver; width:300px; background-color:#fff; position:absolute; top:120px; left:268px; }
.imageDiv img { width:280px; max-height:240px; margin:8px;  }

#tab_media .imageDiv img { border:none; width:256px; max-height:192px; margin:0px;  }

.thumb { width:100px; height:70px; margin:8px; float:left; border:4px solid transparent; }
.fname {float:left; font-weight:500; width:100px; text-align:right; margin-right:6px; margin-left:24px;}

.ui-tabs-nav { background: none; border:none; }

/* menu system */
#menuBar { margin:0px 0px 0px 480px; float:left; width:490px; height:48px; position:absolute; top:60px; border:1px solid #000; text-align:center ;}
.menuOption { font-size:1.7em; font-weight:500; color:#fff; padding:14px 12px 14px 12px; float:left; }
#menuBar a:link, #menuBar a:visited { color:#fff; text-decoration: none;}
#menuBar a:hover { color:#fff; text-decoration: underline; }


/*custom css to modify grids*/
.ui-jqgrid-title { padding-left: 16px; }
.ui-pg-selbox { width: 48px; }
.ui-pg-input { width: 18px; }
.ui-jqgrid-titlebar { cursor: move;}
.ilabel {float:left; width: 100px; font-weight:600; text-align: right; padding-right:4px;}
                 

#gbox_leads { margin-left: 0px; cursor:pointer; padding:4px;}
#gbox_leads td, #gbox_leads th { vertical-align: middle;}
#gbox_leads .ui-priority-secondary td {}