@charset "utf-8";
/* CSS Document */


.topHeaderRow {
	
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:16px;
	text-align:center;
	background:#034f84;
	color:white;
	font-weight:bold;
	padding:2px;
	
}

body {
	
	background:url(../img/page-bg.png) #cccccc; /* gray 'gradient' background image */
	background-repeat:repeat-x;
	margin:0px auto;
	padding:0px;	
	
}

.cmButton {
	
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:white;
	height:25px;
	border:none;
	border-radius:5px;
	background:#034f84;
	cursor:pointer;
	
}

.cmButtonCancel {

    background:#6b1919;

}

select,input[type=text],input[type=password] {  /* Text Input Styling */
	
	height:25px;
	border: 1px solid black;;
	border-radius: 5px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	padding-left:3px;
	background-color:lightgray;
	
}

#renew_wrap {
	
	margin:80px auto;
	width:70%;
	background:#EFDECD;
	overflow:hidden;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	border-radius:15px;
	border: 1px solid black;
		
} 

#renew_wrap table {
	
	border-collapse:collapse; 
	margin:auto; width:100%;
	
}

#renew_wrap table td {
	
	padding:4px;
	
}

.brandInfo {
	
	background:lightgray !important;
	
}

.error {
	
	color:red;
	font-size:18px;
	width:100%;
	text-align:center;
	
}

.brandHead {
	
	background:black;
	color:yellow;
	font-size:20px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	
}

.totalHead {
	
	background:#034f84;
	color:white;
	font-size:20px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	
}

.addItems {
	
	background:#034f84;
	color:white;
	font-size:18px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-style:italic;
	
}

.heading_row {
	
	background:white;
	border:1px solid black;
	font-size:14px;
	font-weight:bold;
	
}

.extra {
	
	border:1px solid black;
	background:tan;
	
}

.paidList {
	
	background:lightgray;
	border:1px solid black;
	
	
}

.newPolicy {
	
	background:black;
	font-weight:bold;
	color:white;
	padding:10px;
	
}

.ccContainer {
	
	margin:25px auto;
	width:70%;
	text-align:center;
	
}

@media screen and (max-width: 768px) { /* Ipad when in portrait mode settings */
	
	#renew_wrap {
		
		width:85%;
		
	}
	
}


@media screen and (max-width: 480px) { /* mobile phone view */
	
	#renew_wrap {
		
		width:95%;
		
	}

}