* { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
a { color:#2f76c6; text-decoration:none; }
a:hover { text-decoration:underline; }
body { background:#82a5c9 url('../images/background.png') repeat; }
img { margin:10px; border:0px; }
hr { height:0px; border-top:1px solid #de9949; }
p { line-height:22px; margin:0px 175px 30px 0px; letter-spacing:0.01em; color:#414041 }
h1 { color:#6e6b81; font-size:30px; margin-bottom:20px; letter-spacing:-0.06em  }
h2 { color:#6e6b81; font-size:26px; margin-bottom:15px;
    text-align: left;
}
h3 { color:#4276ad; font-size:14px; letter-spacing:1px; margin-bottom:15px; }

/* Global Classes */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.clear { height:0px; clear:both; }
.rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.float-right { float:right }
.float-left { float:left }
.center-align { margin:0px auto; text-align:center; }
.indented { margin-left:30px; }
.orangelink { background:#de9949; padding:2px 5px; color:#FFFFFF !important; font-weight:bold;}
.orangelink:hover { text-decoration:none; }

.orangebutton { background:#de9949 !important; padding:2px 5px; margin:25px 20px 0px 0px; color:#FFFFFF !important; font-weight:bold; float:right; width:75px !important; border:0px !important}
.orangebutton:hover { cursor:pointer; background:#de9949;}

.push-left { margin-right:200px; }
.kid-at { background:url('../images/kid-at.jpg') no-repeat right 30px  }
.cleantd { background:none !important; }
.negleftmargin { margin-left: -26px;}
.centered { width:402px; margin: 80px auto 0px auto;}
.centered p {margin:0px 0px 0px 150px !important;}
.centered p a {color:#DE9949}
.clearmargins {margin:0px !important;}
.small-font {background:url('../images/table-bg.png') repeat-y 190px 0px;}
.small-font, .small-font td {font-size:11px !important;}
.small-font tr { border-left: 1px solid #CCCCCC; }
.small-font td {width:185px; line-height: 16px;}
.thin-width {width: 675px;}
.no-margins { margin:0px !important; }
.current { color:#f3b853 !important; }

/* Navgiation menu */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav-container { width:100%; height:33px; z-index:1000; margin-top:22px;   }
.nav {width:914px; height:33px; background:#4e4d4e url('../images/nav-bg.png') repeat-x; float:right;}
.nav1 {width:100px; height:33px; background:#4e4d4e url('../images/nav-bg.png') repeat-x;}
.menu a {float:left; color:#eee; text-decoration:none; height:28px; padding-top:3px;  font-size:12px; font-weight:400; letter-spacing:0px; }
.menu span {float:left; color:#eee; text-decoration:none; height:28px; padding-top:8px}
.menu a:hover {color:#f3b853 !important;}
.menu {list-style:none; text-align:center; margin:0 auto; float:right; color:#ffffff; }
.menu li {position:relative; float:left; z-index:1000; border-right:1px solid #1e3c5e; border-left:1px solid #73818d; height:23px; padding:0px 13px;}
.menu ul {display:none; position:absolute; top:24px; left:0;  display:none; list-style:none}
.menu ul li {float:none; background:#414141; border:0px; width:112px; text-align:left}
.menu ul li:hover {background:#de9949;}
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; font-size:12px !important; letter-spacing:0px;}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {color:#fff !important;}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}
.menu ul ul {left:120px; top:0}
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {color:#fff;}
li.menuhover span, li.menuhover li.menuhover span {color:#fff; }

#nav-cap { float:right; width:10px; height:33px; background:url('../images/nav-cap.png') no-repeat; margin-right:10px;}







#mp-container { margin:30px;}
.mp-validation-header { height: 50px; border: 1px solid #144c85; background:#144c85; margin: 0 175px 0px 0;}
.mp-validation-header p {line-height:50px; padding: 0 0 0 20px; color: #FFF; font-weight:bold;}

#mp-container p.status { color:#4277ab; font-weight:bold; font-size:16px;}
#mp-container p.notice { padding-left: 40px; background: url('../images/notice.png') no-repeat; height:31px; line-height:31px;}

.mp-form-container { margin: 1px 175px 30px 0; border: 1px solid #6e95c0; min-height:50px; padding:30px; position:relative;}
.mp-form-container legend {padding: 0 0 8px 0; margin: 0 0; font-weight:bold;}
#.mp-form-container fieldset {margin-left:0px; border:none;}
.mp-form-container label {padding: 0px; position: relative; color: #333; left:0; top:0; width: 110px; text-align:right; display:inline-block; margin: 0 5px 0 0;}
.mp-form-container form { width: 100%; margin: 0px;}
.mp-form-container form input:not([type="radio"]) { background: url("../images/input-field-bg.jpg") repeat-x; border: 1px solid #999999; color: #1F2659; padding: 4px 9px; width: 500px; }
.mp-form-container select{ background: url("../images/input-field-bg.jpg") repeat-x; border: 1px solid #999999; color: #1F2659; padding: 4px 2px; width: 75px; color: #888888;}

.mp-form-container form ul {margin: 0;list-style: none;}
.mp-form-container form li {padding: 8px 0; position:relative;}

.mp-form-container ul.stacked li { float:left;}
.mp-form-container ul.stacked li input { width: 180px;}





/* Objects styling */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#page { width:970px; background:#FFFFFF; margin:15px auto 0px auto; padding:1px 0px; position:relative;}
#logo { width:276px; height:59px; margin:35px 0px 0px 35px !important; }
#logo img { margin:0px !important; }

#title { width:85%; height:500px; margin:0px auto; background:url('../images/child-Guard-Home.jpg') no-repeat; background-position:right; position:relative; }
#title #text { color:#1b3c5c; position:absolute; top:200px; width:240px;  }
#title #text h1 { font-size:30px; font-weight:bold; }
#title #text h1 a { font-size:30px; }

#footer { width:970px; background:#FFFFFF; padding:1px 0px; margin:0px auto 0px auto; }
#footer p { text-align:center; color:#8d8d8d; font-size:11px; padding:1px 0px; margin:45px 30px 10px 30px; }
#footer p a { font-size:11px; }

#homepage-background { width: 498px; height: 343px; background: url('../images/kid-shield.jpg') no-repeat; float:right; margin-top:40px; }
.homepage-hiw { width:100%; margin:-25px 0px 0px 22px; position:relative }
.homepage-hiw #hiw-text { position:absolute; top:0px; margin-left:145px; font-size:11px !important; width:155px; }
#parent-1 { background:url('../images/parents-1.jpg') no-repeat 410px; height:247px;  }
#parent-2 { background:url('../images/parents-2.jpg') no-repeat left; height:300px; margin-left:-34px !important; }

#contact-bg { background:url('../images/contact-bg.jpg') no-repeat center top; margin:0px 0px 40px 0px; padding:1px 0px;  }
#contact-info { margin:65px 0px 0px 150px; }
#contact-info1 { margin:5px 0px 0px 150px; }
#contact-details { margin-left:220px; font-weight:bold }
#contact-details table { width:420px; }
#contact-details table tr td { vertical-align:top; padding-bottom:10px; }
#contact-details table tr td p { margin:0px !important }

#contact-details h5 { color:#de9a49; font-size:11px; margin-bottom:5px; }
#contact-details hr { color:#929292; width:300px; margin-bottom:10px; height:1px; border:0px; border-top:1px solid #929292 }
#contact-details p { margin-bottom:10px; }

/* Columns */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#left-col { width:145px; float:left;  }
#left-col #left-col-nav { list-style:none; }
#left-col #left-col-nav li { padding:3px 0px;}
#left-col #left-col-nav li a { color:#2F76C6; font-size:11px; line-height:11px; }
#left-col #left-col-nav li a:hover { color:#de9949; text-decoration:none }

#right-col { width:745px; float:right; position:relative }
#right-col a {color:#de9949; }

#third-col { width:175px; height:900px; float:right; margin-left:40px; }
#third-col #line-container {padding-left:20px;  border-left:1px solid #d1cece; height:350px; }
#third-col img { margin:0px auto; display:block; }
#third-col p { color:#37649c; line-height:30px; margin:30px 0px !important; font-size:15px;   }
#column-bg { background:#FFFFFF url('../images/page-bg.png') repeat-y 130px; margin:40px 30px 0px 30px; }


/* Tables */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#benefits-table { width:630px; margin:30px 0px 20px 0px; }
#benefits-table th { text-align:left; padding-bottom:15px; }
#benefits-table tr { margin-left:20px; }
#benefits-table tr td { background:url('../images/checkmark.png') no-repeat left top; padding:5px 5px 5px 30px; color:#4276ad;  vertical-align:top; }

.homepage-container { margin:0px 0px 0px 30px; padding: 1px 0px; position:relative; height:343px; }
#homepage-heading { float:left; width:420px; *width:440px; margin-top:85px; }
#homepage-heading h1 { font-size:3em !important; font-weight:bolder !important; line-height:40px; margin-bottom:40px; }
#homepage-heading p { margin:0px !important; }
#homepage-heading a { color:#de9949; font-size:12px;}

.homepage-table { margin:70px 0px 0px 30px; padding: 1px 0px; position:relative; height:150px; }
.homepage-table tr th { text-align: left; color:#2f76c6; height:16px; padding:0px 0px 10px 5px; font-size:12px;  }
.homepage-table tr td { vertical-align:top; padding:0px 5px 0px 5px }
.homepage-table tr td p {margin: 0px !important;}

.homepage-div { margin:70px 0px 0px 30px; padding: 1px 0px; position:relative; height:150px; background:url('../images/table-bg.png') repeat-y 195px 0px; }
.homepage-div div { float:left; width:185px; margin-left:10px; }
.homepage-div h5 { text-align: left; color:#2f76c6; height:16px; font-size:12px; }
.homepage-div p {margin:10px 5px 0px 0px !important; font-size:11px !important; line-height:16px !important;}

.homepage-div .homepage-hiw { position:relative; margin:0px 0px 0px 25px !important; }
.homepage-div .homepage-hiw #hiw-text {  font-size:11px !important; width:155px; }


.bulletpoints { width:630px; margin:30px 0px 25px 0px; }
.bulletpoints tr td { background:url('../images/bullet.png') no-repeat left top; padding:5px 5px 5px 30px; color:#4276ad; }


/* Contact Form */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
form { margin-top:30px; width:298px; }
fieldset {	border-style: none;
    border-color: inherit;
    border-width: medium;
    margin-left:220px;
    width: 267px;
}

form ul {margin: 0;list-style: none;}
form li {padding: 5px 0; position:relative;
    top: 0px;
    left: -209px;
    width: 232px;
}

label { padding:0px; position:absolute; top:11px; left:10px; color:#888;}
label.label { position:relative !important; top:auto !important; left:auto !important; margin-right:5px; }

form .input-text {padding: 2px 5px;}
form textarea, form .input-text {width: 220px;padding: 2px 5px;font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #6a6a6a;}
form textarea {}
form .buttons {padding-left: 320px;}
	
.required {color: #f00;}

#checkBox { width:380px; margin-bottom:15px; float:right}
.checkL {width:130px; float:left}
.checkR {width:200px; float:left}

#cForm input, #cForm textarea {background:#fff url('../images/input-field-bg.jpg') repeat-x; border:1px solid #999;width:200px;padding:4px 9px; color:#1F2659; }
#cForm textarea {height:40px; overflow: auto; }

#cForm input[type=checkbox] {border:0px; background:none; width:15px; margin:5px 3px 0px 10px; }
.submit {border:none !important; width:69px !important; height:18px; margin-left:-20px}

.input-rounded {-webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px;}

.LV-invalid { color:red; margin-left:5px;}
.LV-valid { color:green; margin-left:5px;}

/* Portal Page */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
element_to_pop_up { display:none; }

#portal-info { background:url('../images/portal-bg.jpg') no-repeat right top; height:292px; width:100%; position:relative; margin-top:-80px; z-index:50;
    top: 0px;
    left: 0px;
}
#portal-info h1 { padding:120px 0px 0px 30px; font-size:24px; margin-bottom:10px; }
#portal-info p { padding:0px 0px 0px 30px; margin-bottom:10px; }
#portal-info p.fine-print { font-size:11px; font-style:italic  }
#portal-info .button { position:absolute; right:10px; bottom:5px; width:auto !important; padding:0px 5px; font-size:11px;  letter-spacing:0.1em; }

#login-box { position:absolute; top:25px; right:25px; color:#4276ad; text-align:right; z-index:100  }
#login-box a { color:#4276ad; }
#login-box #login-title { font-weight:bold; }
#login-box #login-help { margin-top:8px; font-size:10px; 	}
#login-box #login-help a { margin-top:5px; font-size:10px; letter-spacing:0.06em;}

.header-style {vertical-align:middle; color:#FFFFFF; line-height:23px;  font-weight:lighter; font-size:9pt; border-right:1px solid #ffffff; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; margin:0px; padding-left:20px; width:40px; height:23px; background:#4e4d4e url('../images/nav-bg.png') repeat-x;}
.header-style .items {vertical-align:middle; color:#FFFFFF; line-height:23px;  font-weight:lighter; font-size:9pt; border-right:1px solid #ffffff; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; margin:0px; padding-left:10px;padding-right:10px; width:40px; height:23px; background:#4e4d4e url('../images/nav-bg.png') repeat-x;}
.header-style-hidden {vertical-align:middle; color:#FFFFFF; display:none; line-height:23px;  font-weight:lighter; font-size:9pt; border-right:1px solid #ffffff; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; margin:0px; padding-left:20px; width:40px; height:23px; background:#4e4d4e url('../images/nav-bg.png') repeat-x;}
.header-style-hidden .items {vertical-align:middle; display:none; color:#FFFFFF; line-height:23px;  font-weight:lighter; font-size:9pt; border-right:1px solid #ffffff; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; margin:0px; padding-left:10px;padding-right:10px; width:40px; height:23px; background:#4e4d4e url('../images/nav-bg.png') repeat-x;}

.headerHidden {display:none}
.itemHidden {display:none}

.portal-nav { margin-top:1px; }
.portal-nav #nav-cap { margin-right:15px; }
.portal-nav .menu-item { float:left;  }
.portal-nav .menu-item p { color:#FFFFFF; line-height:23px; font-size:12px; border-right:1px solid #808081; border-left:1px solid #FFFFFF; margin:0px; padding-left:30px;}
.portal-nav .menu-item1 { color:#FFFFFF; line-height:23px; font-size:12px; border-right:1px solid #ffffff; border-left:1px solid #FFFFFF; margin:0px; padding-left:30px; }
.portal-nav #nav-child-id { width:167px; }
.portal-nav #nav-child-id p { border-left:0px; }
.portal-nav #nav-site-app { width:244px; }
.portal-nav #nav-site-app p { padding-left:67px; }
.portal-nav #nav-status { width:133px; }
.portal-nav #nav-status p { padding-left:40px; }
.portal-nav #nav-date-time {width:140px; }
.portal-nav #nav-date-time p { padding-left:32px; }
.portal-nav #nav-withdraw {  }
.portal-nav #nav-withdraw p { border-right:0px; }


#portal-table { margin:0px 25px 120px 30px; border-collapse:collapse; padding:0px;   }
#portal-table tr td {  border-right:2px solid #FFFFFF; }
#portal-table tr td p { margin:0px; padding-left:30px; line-height:30px; font-size:12px;}
#portal-table .grey-highlight { background:#edf2f7}
#portal-table .table-child { padding-left:0px; width:167px; }
#portal-table .table-child p { padding-left:10px }
#portal-table .table-child-hidden { padding-left:0px; width:1px; display:none }
#portal-table .table-child-hidden p { padding-left:10px; display:none }
#portal-table .table-site { padding-left:0px; width:244px; }
#portal-table .table-status { padding-left:0px; width:131px;  }
#portal-table .table-status p { color:#489e56  }
#portal-table .withdrawn p { color:#e4212f; }
#portal-table .table-date-time { padding-left:0px; width:138px; }
#portal-table .table-withdraw { padding-left:0px; width:225px; }
#portal-table .table-withdraw p { padding-left:43px; }
#portal-table .table-withdraw p input {  vertical-align:text-bottom}

#ParentPortalGrid { margin:0px 25px 120px 30px; border-collapse:collapse; padding:0px; border-bottom:0px  }
#ParentPortalGrid tr td {  border-right:2px solid #FFFFFF; }
#ParentPortalGrid tr td p { margin:0px; padding-left:30px; line-height:30px; font-size:12px; border-bottom:0px}
#ParentPortalGrid .grey-highlight { background:#edf2f7; margin:0px; padding-left:30px; line-height:30px; font-size:12px;border-right:2px solid #FFFFFF;  border-bottom:2px solid #FFFFFF}
#ParentPortalGrid .normal { background:#ffffff; margin:0px; padding-left:30px; line-height:30px; font-size:12px;border-right:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF}
#ParentPortalGrid .table-child { padding-left:10px; width:150px; font-size:12px; color:#414041; }
#ParentPortalGrid .table-child p { padding-left:10px; border-bottom:0px}
#ParentPortalGrid .table-site { padding-left:10px; width:250px; font-size:12px; color:#414041}
#ParentPortalGrid .table-status { padding-left:0px; width:35px;  }
#ParentPortalGrid .table-status p { color:#489e56 ; font-size:12px; color:#414041}
#ParentPortalGrid .table-date-time { padding-left:10px; width:40px; font-size:12px; color:#414041}
#ParentPortalGrid .table-withdraw { padding-left:10px; width:270px; font-size:12px; color:#414041;}
#ParentPortalGrid .table-withdraw p { padding-left:140px; }
#ParentPortalGrid .table-withdraw p input {  vertical-align:text-bottom}


.portal-login-window { width:400px; margin:150px auto; position:relative; z-index:10;
    top: 0px;
    left: 0px;
}
.portal-login-window form { width:100%; margin:0px; }
.portal-login-window form .blue-box {background:#4276ad; padding:30px 25px 10px 10px; margin-bottom:10px; }
.portal-login-window form fieldset { margin:0px; padding:0px; display:block; width:100%; text-align:right }
.portal-login-window form fieldset label { position:static; margin:0px; padding:0px;  }
.portal-login-window form fieldset input { padding:3px; margin:6px; width:230px;   }
.portal-login-window form fieldset input.login-button { margin-top:20px;   }

.portal-login-window form fieldset label.checkbox-label { color:#414041; width:auto; font-size:12px;  }
.portal-login-window form fieldset input[type=checkbox] { padding:0px 3px; margin:0px 6px; width:auto;  }
.portal-login-window form fieldset .remeber-me-container { float:left; margin-left:20px; }
.portal-login-window form fieldset #forgot-password { cursor:pointer; color:#2f76c6; font-size:12px; }

.portal-login-window label { color:#FFFFFF; }
#portal-login-header {  position:absolute; top:0px; right:0px; width:100%; height:297px; background:url('../images/portal-login-bg.jpg') no-repeat right top }
#portal-login-header #text-box { margin:130px 0px 0px 30px; }
#portal-login-bg { z-index:1;  }

#tt {position:absolute; z-index:100; display:block; background:url(../images/tooltips/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tooltips/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tooltips/tt_bottom.gif) top right no-repeat; overflow:hidden}