/* global styles */

* {
margin:0;
padding:0;
border:0;
font-family:"Arial","Verdana","Tahoma",sans-serif;
}

body {
text-align:center;
background-color: #162352;
}

a:link, a:visited {
color:#8ba7c7;
}

a:hover, a:focus {
color:#000;
}

.clear {
clear:both;
}

#container {
width:850px;
margin:20px auto;
background-color:#fff;
border:1px solid #000;
text-align:left;
}

#form {
margin:30px;
border:1px dotted #000;
background-color:#c6d3ff;
padding:15px;
margin-bottom:15px;
}

#form h2 {
font-size:12px;
margin-bottom:20px;
}

#form input {
border:1px solid #000;
padding:1px;
width:150px;
}

#form input#area-code {
width:35px;
}

#form input#phone-number {
width:102px;
}


#form .form-item {
margin-bottom:5px;
width:280px;
}

#form .form-item label {
float:left;
font-size:12px;
display:block;
width:100px;
}

#form .form-item .input {
float:right;
font-weight:bold;
}

#form a#submit:link, #form a#submit:visited {
display:block;
padding:4px;
background-color:#294dca;
border:1px solid #666666;
width:250px;
color:#fff;
text-align:center;
text-decoration:none;
font-size:12px;
font-weight:bold;
margin-top:10px;
}

#form a#submit:hover, #form a#submit:focus {
background-color:#0f2b8e;
border:1px solid #000;
color:#fff;
text-decoration:underline;
}

#form #processing {
display:block;
padding:4px;
background-color:#0f2b8e;
border:1px solid #666666;
width:250px;
color:#fff;
text-align:center;
font-size:12px;
font-weight:bold;
margin-top:10px;
}

#content {
margin:30px;
border:1px dotted #666666;
background-color:#fff;
padding:15px;
}

#content table {
font-size:11px;
margin:0;
text-align:left;
}

#content table td, #content table th {
vertical-align:top;
text-transform:capitalize;
}

#content table td.summary {
width:300px;
}

#content table td.summary h2 {
font-size:20px;
}

#content table td.summary {
font-weight:bold;
}

#content table td.summary label {
font-weight:normal;
}

#line-items {
margin-bottom:15px;
}


#line-items table {
width:600px;
}

#line-items h3 {
font-size:12px;
}

#line-items table th, #line-items table td {
padding:2px;
}

#line-items {
border-bottom:2px solid #8ba7c7;
padding-bottom:30px;
}
	
#line-items table {
border:1px solid #8ba7c7;
}

#line-items table th {
background-color:#8ba7c7;
color:#fff;
font-weight:bold;
}

#line-items table td {
border-bottom:1px solid #ccc;
}

#line-items table td.name {
width:350px;
}

#logo {
height:100px;
background-image:url('../images/datapak-logo.jpg');
background-repeat:no-repeat;
background-position:30px 30px;
}

p {
font-size:12px;
padding-left:30px;
margin-top:10px;
margin-bottom:10px;
}

.msg li {
color:red;
font-weight:bold;
list-style:none;
font-size:12px;
}

td.status {
padding-top:25px;
font-size:12px;
}


