html, body
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: White;
}
#container
{
    width: 800px;
    margin: 0 auto;
    border: thin solid #468259;
    background-color: #abe0df;
    border-style: double;
    font-family: Book Antiqua;
}
.maincontent
{
    width: 580px;
    float: left;
    padding: 10px;
}



div.wrapper
{
    /*width:800px;     width:980px;*/
    width: 95%;
    background-color: White;
    margin: auto; /*Viewport Center*/
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

div.form
{
    border-color: #006633;
    border-style: solid;
    border-top-width: 8px;
    border-left-width: 1px;
    border-bottom-width: 2px;
    border-right-width: 1px;
    background-color: #f3f3ec;
    margin: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
}

div.form div.formHeader
{
    background: linear-gradient(35deg, #F1F3EC, #B2D1C2);
    height: 30px;
    line-height: 20px;
    border-bottom-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 9pt;
    padding-left: 5px;
    padding-right: 5px;
    color : #313031;
}

div.form div.formHeader .tools
{
    clear: both;
    display: inline-block;
    float: right;
    margin-bottom: 7px;
    min-height: 30px;
    padding: 2px;
    color: #f4f4f4 !important;
    font-size: 12pt;
}

div.form div.formTitle
{
    background-color: #B2D1C2;
    color: black;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    height: 22px;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

div.form div.errors
{
    margin: 5px;
    padding: 5px;
    border: #FC6 2px solid;
    background-color: #FFC;
    font-family: Verdana;
    font-size: 8pt;
    border-radius: 4px;
}

div.form div.errors p
{
    margin: 0px;
}

div.form div.errors p em
{
    color: #C00;
    font-style: normal;
    font-weight: bold;
}

div.form div.formBody
{
    padding: 5px;
}

div.form div.formBody table td em
{
    color: #C00;
    font-style: normal;
    font-weight: bold;
    font-size: larger;
}

input.error
{
    font-size: 9pt;
    border-color: #C00;
    background-color: #FEF;
}

textarea.error
{
    font-size: 9pt;
    border-color: #C00;
    background-color: #FEF;
}

span.error
{
    color: #C00;
}

select.error
{
    border-color: #006633;
    background-color: #FEF;
}

span, label
{
    font-family: verdana;
    font-size: 8pt; /*font-weight:bold;*/
    color: #313031;
}


input[type=text]
{
    font-family: verdana;
    font-size: 8pt;
    height: 25px;
    padding: 1px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

textarea
{
    font-family: verdana;
    font-size: 8pt;
    height: 40px;
    padding: 1px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.disabledCtrls
{
    background-color: #dcdcdc;
}

select
{
    font-family: verdana;
    font-size: 8pt;
    height: 25px;
    padding: 1px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type=submit]
{
    font-family: verdana;
    color: white;
    font-weight: bold;
    background-color: #5e87b0;
    border-color: #006633;
    color: #fff;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 4px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

div.form div.formFooter
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #006633;
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
}

table.gridview
{
    font-family: Verdana;
    font-size: 8pt;
    border: 0px;
    border-collapse: collapse;
    margin: 0px;
    background-color: #F7F3EF;
    color: #0E0E0E;
    width: 100%;
}

table.gridview .gridviewHeader
{
    font-size: 9pt;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-bottom-width: 2px; /*color:#000000;*/
    color: white;
    background-color: #ABABAB;
}

table.gridview .gridviewRow
{
    border-top-color: #e7dfbd;
    border-top-style: solid;
    border-top-width: 1px;
}

table.gridview .gridviewSelectedRow
{
    background-color: White;
}

table.gridview .gridviewRow:hover
{
    background-color: White;
}

table.gridview .gridviewRow a
{
    color: Black;
}
/*Required by jQuery DatePicker for Size*/
div.ui-datepicker
{
    /*font-size: 70%;*/
}
/*Required by jQuery DatePicker for Size*/

/* For Sorting By Birwa*/

table.gridview
{
    font-family: Verdana;
    font-size: 8pt;
    border: 0px;
    border-collapse: collapse;
    margin: 0px;
    background-color: #F7F3EF;
    width: 100%;
}
table.gridview thead tr th, table.gridview tfoot tr th
{
    font-size: 9pt;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-bottom-width: 2px;
    color: white;
}
table.gridview thead tr .header
{
    background-image: url('../../images/Cream_BtnUDC.png');
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
    background-color: #ABABAB;
    color: white;
    vertical-align: top;
}
table.gridview tbody td
{
    padding: 4px;
    background-color: #F7F3EF;
    vertical-align: top;
}
table.gridview tbody tr.odd td
{
    background-color: #FFFFF9;
}
table.gridview thead tr .headerSortUp
{
    background-image: url('../../images/Cream_BtnU.png');
}
table.gridview thead tr .headerSortDown
{
    background-image: url('../../images/Cream_BtnD.png');
}
table.gridview thead tr .headerSortDown, table.gridview thead tr .headerSortUp
{
    background-color: #006633;
}

/* For Sorting By Birwa*/

/*Layout Changes */
.content
{
    background: url("../../images/rgt_shadow.jpg") repeat-y scroll right top #FFFFFF;
    border-left: 1px solid #EFEFF1;
    padding-right: 3px;
}
.col_left
{
    background: url("../../images/left_bg.jpg") repeat-y scroll right top transparent;
    padding: 0 20px 0 16px;
    width: 670px;
}
.col_right
{
    background: url("../../images/rgt_rpt.gif") repeat-x scroll left bottom transparent;
    width: 255px;
}
/*Layout Changes */

div.RightContent
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
}

.list_1 ul li
{
    background: url("../../images/r_aro_icon.gif") no-repeat scroll left 10px transparent;
    padding: 10px 30px;
}
ul, li
{
    list-style: none outside none;
    margin: 0;
    font-weight: normal;
    text-align: justify;
}

.hidden
{
    display: none;
}
.cellColor
{
    color: #B52025;
}

#infobox
{
    width: 365px;
    float: left;
    margin-top: 10px;
}

#infoLargebox
{
    /*width:665px;*/
    width: 478px; /*float:left; 	margin-top:10px;*/
}
/*#sidebar{
	background:#FFF;
	width:170px;
	float:right;
	margin:10px 0 10px 0;
	padding:10px;
}*/

div.form div.infoHeaderbox
{
    /*width:665px;*/ /*width:656px;*/
    width: 469px;
    background-color: #FFCDA0;
    height: 25px;
    line-height: 22px;
    font-family: Verdana;
    font-weight: bold;
    color: #313031;
    font-size: 8pt;
    padding-left: 5px;
    padding-right: 5px;
}
div.form div.infoDetailbox
{
    /*width:665px;*/
    width: 478px;
}
div.form div.content
{
    /*width:675px;*/
    width: 485px;
    float: left;
    margin: 10px 0 10px 0;
    padding: 10px;
}

div.form div.sidebar
{
    background: #FFF;
    width: 170px;
    float: right;
    margin: 10px 0 10px 0;
    padding: 10px;
    font-family: Verdana;
    font-weight: bold;
    color: #313031;
    font-size: 8pt;
}
/*********************
	Sidebar
*********************/
div.form div.sidebar ul
{
    list-style: none;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
div.form div.sidebar ul li a, div.form div.sidebar ul li a:visited
{
    padding-left: 19px;
    text-decoration: none;
    margin: 0 3px;
    display: block;
    color: #313031;
}
div.form div.sidebar ul li a:hover
{
    text-decoration: underline;
    color: #313031;
}
div.form div.sidebar ul li ul
{
    margin-left: 10px;
}
div.form div.sidebar h3
{
    padding: 2px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: #313031;
    background: #d9eaed;
    border-bottom: 1px solid #c3d7db;
}
.folder_table
{
    background: transparent url(../../images/folder_page.png) no-repeat left;
}

div.wrapperSmall
{
    /*width:800px;*/ /*width:980px;*/
    width: 718px;
    background-color: White;
    margin: auto; /*Viewport Center*/
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}
/* Focus Effect*/
input[type=submit]:focus
{
    outline: none;
    box-shadow: 0px 0px 5px #005696;
}
input[type=text]:focus, textarea:focus, select:focus, radio:focus
{
    outline: none;
    box-shadow: 0px 0px 5px #DF2A38;
}
#MsgDiv
{
    display: none;
    padding: 0.5em;
    min-width: 100px;
    border-color: #F0C36D;
    background-color: #F9EDBE;
    color: Black;
    border-radius: 2px;
    position: fixed;
    left: 33%;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
#MsgDiv span
{
    color: Black;
}
#mdPopup
{
    display: none;
    left: 0;
    top: 0;
    position: absolute;
    width: 500px;
    box-shadow: 8px 8px 10px black;
    border: 1px solid rgb(0,102,51);
    background: white;
}