/*
 * Styles and Classes To Render the Form Elements
 * ==========================================================
 * Include CSS classes and styles that are used by html forms.       
 *
 */

/*
 * ------------------------- Data Entry -------------------------
 */

/*
.dataentryinput {
   background: url(../images/layout/txt_mid.gif) top left repeat-x;
   height: 25px;
   position: relative;
   padding: 0 7px 0 7px;
}
.dataentryinput .tl {
   position: absolute;
   top: 0;
   left: 0;
   height: 25px;
   width: 4px;
   background: url(../images/layout/txt_left.gif) top left no-repeat;
}
.dataentryinput .tr {
   position: absolute;
   top: 0;
   right: 0;
   height: 25px;
   width: 4px;
   background: url(../images/layout/txt_right.gif) top right no-repeat;
}
.dataentryinput input {
   margin-top: 4px;
   border: 0;
   height: 14px;
   font-size: 12px;
   padding: 0;
}
*/
input.dataentryinput,
input[type="text"] {
   background: #fff url(../images/layout/txt_bg.gif) top left no-repeat;
   padding-left: 4px;
   padding-top: 1px;
   height: 1.35em;
   border:1px solid #999999;
   border-right:1px solid #c6c6c6;
   border-bottom:1px solid #c6c6c6;
}

input.dataentryinput {
   background: #fff url(../images/layout/txt_bg.gif) top left no-repeat;
   padding-left: 4px;
   padding-top: 1px;
   height: 1.35em;
   border:1px solid #999999;
   border-right:1px solid #c6c6c6;
   border-bottom:1px solid #c6c6c6;
}

.dataentrygroup {   
   margin-bottom: 4px;
}
.dataentrylabel {
   font-weight: bold;
}
.dataentrylargelabel {
   font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #283a97;
   font-size: 1.3em;
}


/*
 * ------------------------- Buttons -------------------------
 */

.dataentrybutton
{
   border: 1px solid #629ad6;
   margin: 0 0 0 1px;   
   background: #7996bc url(../images/calloutboxes/content_blue/bg.gif) top left repeat-x;
   color: #fff;
   width: 100%;
}

.grdataentrybutton
{
   border: 1px solid #555555;
   margin: 0 0 0 1px;   
   background: # url(../images/calloutboxes/content_gray/bg.gif) top left repeat-x;
   color: #fff;
   width: 100%;
}


input[disabled].dataentrybutton {
   border: 1px solid #fff;
   color: #aaa;
   background: #cccccc url(../images/calloutboxes/content_gray/bg.gif) top left repeat-x;
}

.dataentrybuttoncontainer {
   background: #7996bc url(../images/calloutboxes/content_blue/bg.gif) top left repeat-x;
   border: 1px solid #001348;
   color: #fff;
   position: relative;
   padding-right: 1px;
}

.dataentrybuttoncontainer .tl {
   background: url(../images/calloutboxes/content_blue/tl.gif) transparent top left no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   left: -1px;
   overflow: hidden;
}

.dataentrybuttoncontainer .tr {
   background: url(../images/calloutboxes/content_blue/tr.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   right: -1px;
   overflow: hidden;
}

.dataentrybuttoncontainer .bl {
   background: url(../images/calloutboxes/content_blue/bl.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   left: -1px;
   overflow: hidden;
}

.dataentrybuttoncontainer .br {
   background: url(../images/calloutboxes/content_blue/br.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   right: -1px;
   overflow: hidden;
}

a.buttonlink
{
   color: white;
   text-decoration: none;
}


.qsbgraydataentrybuttoncontainer {
   background: #7996bc url(../images/calloutboxes/qsb_gray/bg.gif) top left repeat-x;
   border: 1px solid #001348;
   color: #fff;
   position: relative;
   padding-right: 1px;
}

.qsbgraydataentrybuttoncontainer .tl {
   background: url(../images/calloutboxes/qsb_gray/tl.gif) transparent top left no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   left: -1px;
   overflow: hidden;
}

.qsbgraydataentrybuttoncontainer .tr {
   background: url(../images/calloutboxes/qsb_gray/tr.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   right: -1px;
   overflow: hidden;
}

.qsbgraydataentrybuttoncontainer .bl {
   background: url(../images/calloutboxes/qsb_gray/bl.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   left: -1px;
   overflow: hidden;
}

.qsbgraydataentrybuttoncontainer .br {
   background: url(../images/calloutboxes/qsb_gray/br.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   right: -1px;
   overflow: hidden;
}