﻿body
{
    font-family: Tahoma, "Lucida Sans Unicode" ,Geneva,Arial,Verdana,sans-serif;
    font-size: 11px;
    color: #333333;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, p, img, input, select, a
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    outline: none;
}
input, select, textarea, file, dropdown
{
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: Tahoma, "Lucida Sans Unicode" ,Geneva,Arial,Verdana,sans-serif;
    font-size: 11px;
}
input:focus, select:focus, textarea:focus, file:focus, dropdown:focus
{
    -moz-border-color: rgba(82, 168, 236); /* Firefox */
    -webkit-border-color: rgba(82, 168, 236); /* Safari and Chrome */
    border-color: rgb(82, 168, 236); /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    -moz-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
    -webkit-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
    
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6); /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    outline: 0 none;
}
input[type="text"]
{
    height: 16px;
}
input[type="password"]
{
    height: 16px;
}
input[type="checkbox"]
{
    width: 16px;
    border: none;
}
input[type="radio"]
{
    width: 16px;
    border: none;
}
input[type="file"]
{
    height: 19px;
}
textarea
{
    resize: none;
}

submit
{
    border: 0;
    outline: 0;
}


h1
{
    font-size: 16px;
}
h2
{
    font-size: 14px;
}
h3
{
    font-size: 13px;
}
h4
{
    font-size: 12px;
}
h5
{
    font-size: 11px;
}
h6
{
    font-size: 10px;
}
.headerlabel
{
    color: #00417f;
}
.headertext
{
    /* will pick the proerty from body class */
}
.headerlink a
{
    color: #0077CC;
    text-decoration: none;
}
.headerlink a:hover
{
    color: #d22828;
    text-decoration: none;
}
#breadcrum
{
    width: 1242px;
    height: 18px;
    float: left;
    padding: 3px 0 0 10px;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    color: #888888;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #fcfbe3;
}
#breadcrum a
{
    font-size: 11px;
    color: #888888;
    text-decoration: none;
}
#breadcrum a:hover
{
    font-size: 11px;
    color: #d22828;
    text-decoration: none;
}
.mainlink a
{
    color: #333333;
    font-size: 12px;
    text-decoration: none;
}
.mainlink a:hover
{
    color: #d22828;
    font-size: 12px;
    text-decoration: none;
}
.normallink a
{
    color: #333333;
    font-size: 11px;
    text-decoration: none;
}
.normallink a:hover
{
    color: #d22828;
    font-size: 11px;
    text-decoration: none;
}
.smalllink a
{
    color: #333333;
    font-size: 10px;
    text-decoration: none;
}
.smalllink a:hover
{
    color: #d22828;
    font-size: 10px;
    text-decoration: none;
}
.smalltext
{
    font-size: 10px;
    text-decoration: none;
}

/*Grid class start*/






.listheading tr th
{
    /*text-align: left;*/
    font-size: 13px;
    height: 28px;
    text-decoration: none;
    vertical-align: bottom;
    border-bottom: 1px solid #00417f;
    font-weight: normal;
}

.listheading tr th a
{
    color: #333;
    text-decoration: none;
}
.listheading tr th a:hover
{
    color: #d22828;
    text-decoration: none;
}
.listheading tr td.listlinkmain
{
    font-size: 12px;
    color: #0077CC;
    cursor: pointer;
}
.listheading tr td.listlinkmain:hover
{
    font-size: 12px;
    color: #d22828;
    cursor: pointer;
}
.listheading tr td.listlinkmain a
{
    font-size: 12px;
    color: #0077CC;
    cursor: pointer;
}
.listheading tr td.listlinkmain a:hover
{
    font-size: 12px;
    color: #d22828;
    cursor: pointer;
}
.oddrow
{
    height: 28px;
}
.oddrow:hover
{
    background-color: #b2d9ff;
}
.oddrow a
{
    color: #333333;
    text-decoration: none;
}

.oddrow a:hover
{
    color: #d22828;
    text-decoration: none;
}
.selectrow
{
    background-color: #b2d9ff;
    height: 28px;
}
.selectrow a
{
    color: #333333;
    text-decoration: none;
}

.selectrow a:hover
{
    color: #d22828;
    text-decoration: none;
}
.evenrow
{
    background-color: #f6f6f6;
    height: 28px;
}
.evenrow:hover
{
    background-color: #b2d9ff;
}
.evenrow a
{
    color: #333333;
    text-decoration: none;
}

.evenrow a:hover
{
    color: #d22828;
    text-decoration: none;
}

/*Grid Class End*/


/*Small Grid Start*/

.listheadingsmall tr th
{
    text-align: left;
    font-size: 13px;
    height: 20px;
    text-decoration: none;
    vertical-align: bottom;
    border-bottom: 1px solid #00417f;
    font-weight: normal;
}

.listheadingsmall tr th a
{
    color: #333;
    text-decoration: none;
}
.listheadingsmall tr th a:hover
{
    color: #d22828;
    text-decoration: none;
}
.listheadingsmall tr td.listlinkmain
{
    font-size: 12px;
    color: #0077CC;
    cursor: pointer;
}
.listheadingsmall tr td.listlinkmain:hover
{
    font-size: 12px;
    color: #d22828;
    cursor: pointer;
}
.listheadingsmall tr td.listlinkmain a
{
    font-size: 12px;
    color: #0077CC;
    cursor: pointer;
}
.listheadingsmall tr td.listlinkmain a:hover
{
    font-size: 12px;
    color: #d22828;
    cursor: pointer;
}
.oddrowsmall
{
    height: 20px;
}
.oddrowsmall:hover
{
    background-color: #b2d9ff;
}
.oddrowsmall a
{
    color: #333333;
    text-decoration: none;
}

.oddrowsmall a:hover
{
    color: #d22828;
    text-decoration: none;
}

.evenrowsmall
{
    background-color: #f6f6f6;
    height: 20px;
}
.evenrowsmall:hover
{
    background-color: #b2d9ff;
}
.evenrowsmall a
{
    color: #333333;
    text-decoration: none;
}

.evenrowsmall a:hover
{
    color: #d22828;
    text-decoration: none;
}

.listlink a
{
    color: #333333;
    text-decoration: none;
}
.listlink a:hover
{
    color: #d22828;
    text-decoration: none;
}
/*Small Grid End*/



.normal
{
    /*Will pick the proerties from body*/
}
label
{
    color: #666666;
}
.placeholder
{
    color: #888;
}
.placeholderdate
{
    color: #888;
    width: 100px;
    height: 16px;
    background: url(../image/cal-icon2.jpg) right no-repeat #FFF;
    font-size: 11px;
    padding-right: 0px;
}

.buttonlrg
{
    cursor: pointer;
    display: inline;
    padding: 0;
    margin: 0px;
    color: #222222;
    text-decoration: none;
    background: url(../image/button_1px.gif); /*height: 18px;*/
    width: 90px;
    text-align: center;
    border: solid 1px #848484;
}
.buttonlrg:focus
{
    color: #d22828;
    border: #888888 1px solid;
}
.buttonlrg:hover
{
    color: #d22828;
}

.buttonstd
{
    cursor: pointer;
    display: inline;
    padding: 0;
    margin: 0px;
    color: #222222;
    text-decoration: none;
    background: url(../image/button_1px.gif) repeat-x bottom;
    width: 70px;
    text-align: center;
    border: solid 1px #848484;
}
.buttonstd:focus
{
    color: #d22828;
    border: #888888 1px solid;
}

.buttonstd:hover
{
    color: #d22828;
}
.buttonsml
{
    cursor: pointer;
    display: inline;
    padding: 0;
    margin: 0px;
    color: #222222;
    text-decoration: none;
    background: url(../image/button_1px.gif); /*height: 18px;*/
    width: 50px;
    text-align: center;
    border: solid 1px #848484;
}
.buttonsml:focus
{
    color: #d22828;
    border: #888888 1px solid;
}
.buttonsml:hover
{
    color: #d22828;
}
.buttonlrgleft
{
    cursor: pointer;
    display: inline;
    padding: 0 0 0 5px;
    margin: 0px;
    color: #222222;
    text-decoration: none;
    background: url(../image/button_1px.gif); /*height: 18px;*/
    width: 90px;
    text-align: left;
    border: solid 1px #848484;
}
.buttonlrgleft:focus
{
    color: #d22828;
    border: #888888 1px solid;
}
.buttonlrgleft:hover
{
    color: #d22828;
}
.buttonstdleft
{
    cursor: pointer;
    display: inline;
    padding: 0 0 0 5px;
    margin: 0px;
    color: #222222;
    text-decoration: none;
    background: url(../image/button_1px.gif); /*height: 18px;*/
    width: 70px;
    text-align: left;
    border: solid 1px #848484;
}
.buttonstdleft:focus
{
    color: #d22828;
    border: #888888 1px solid;
}

.buttonstdleft:hover
{
    color: #d22828;
}
.buttonsmlleft
{
    cursor: pointer;
    display: inline;
    padding: 0 0 0 5px;
    margin: 0px;
    color: #222222;
    text-decoration: none;
    background: url(../image/button_1px.gif);
    width: 50px;
    text-align: left;
    border: solid 1px #848484;
}
.buttonsmlleft:focus
{
    color: #d22828;
    border: #888888 1px solid;
}
.buttonsmlleft:hover
{
    color: #d22828;
}
.editicon
{
    display: block;
    cursor: pointer;
    background: url(../image/edit.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}
.editicon:hover
{
    background-position: top right;
}

.brokerassociation
{
    display: block;
    cursor: pointer;
    background: url(../image/B-icon.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}
.brokerassociation:hover
{
    background-position: top right;
}

.ammendicon
{
    display: block;
    cursor: pointer;
    background: url(../image/amend.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}
.ammendicon:hover
{
    background-position: top right;
}
.deleteicon
{
    display: block;
    cursor: pointer;
    background: url(../image/delete.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}
.deleteicon:hover
{
    background-position: top right;
}
.callicon
{
    display: block;
    cursor: pointer;
    background: url(../image/phone.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}
.callicon:hover
{
    background-position: top right;
}
.watchicon
{
    display: block;
    cursor: pointer;
    background: url(../image/watch.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}
.watchicon:hover
{
    background-position: top right;
}
.callwait
{
    display: block;
    background-image: url(../img/Wait1.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}

.histroyicon
{
    display: block;
    cursor: pointer;
    background: url(../image/histroyicon.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}
.histroyicon:hover
{
    background-position: top right;
}

.deleteicon
{
    display: block;
    cursor: pointer; /*background-image: url(../image/delete.png);*/
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
    background: url(../image/delete.png);
}
.deleteicon:hover
{
    background-position: top right;
}

.invoiceicon
{
    display: block;
    cursor: pointer; /*background-image: url(../image/delete.png);*/
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
    background: url(../image/invoiceicon.png);
}
.invoiceicon:hover
{
    background-position: top right;
}

.commenticon
{
    display: block;
    cursor: pointer; /*background-image: url(../image/delete.png);*/
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
    background: url(../image/comments.png);
}
.commenticon:hover
{
    background-position: top right;
}

.mailicon
{
    display: block;
    cursor: pointer; /*background-image: url(../image/delete.png);*/
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
    background: url(../image/email.png);
}
.mailicon:hover
{
    background-position: top right;
}

.approve
{
    display: block;
    cursor: pointer; /*background-image: url(../image/delete.png);*/
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
    background: url(../image/approved.png);
}
.approve:hover
{
    background-position: top right;
}
.export
{
    display: block;
    cursor: pointer; /*background-image: url(../image/delete.png);*/
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
    background: url(../image/export.png);
}
.export:hover
{
    background-position: top right;
}

.childFooter
{
    background-color: #C0C0C0;
    height: 28px;
}


.parentFooter
{
    background-color: #736F6E;
    height: 28px;
}


.listheadingChildodd
{
    margin-bottom: 10px;
}
.listheadingChildodd tbody
{
    background-color: #FFF;
}
.listheadingChildodd tbody:hover
{
    background-color: #b2d9ff;
}

.listheadingChildeven
{
    margin-bottom: 10px;
}
.listheadingChildeven tbody
{
    background-color: #F6F6F6;
}
.listheadingChildeven tbody:hover
{
    background-color: #b2d9ff;
}

.oddrowchild
{
    height: 28px;
}

.oddrowchild a
{
    color: #333333;
    text-decoration: none;
}

.brokerageFooter
{
    font-weight: bold;
    height: 25px;
}

.buttonstdDisable
{
    background: url("../image/button_1px.gif") repeat-x scroll center bottom transparent;
    border: 1px solid #848484;
    color: #848484;
    cursor: pointer;
    display: inline;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 70px;
}
.buttonstdDisable:hover
{
}
.manualupload
{
    display: block;
    cursor: pointer;
    background: url(../image/upload1.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}
.manualupload:hover
{
    background-position: top right;
}