html{
	margin:20px;
	padding:20;
	height:100%;
}

body{
	margin: 0 auto;
	position: relative;
	font:normal normal normal 13px/20px Arial, Helvetica, sans-serif;
	color:#666;
	height:100%;
	vertical-align: central;
	background: fixed #666666 url("https://www.complete360.co.za/images/arbMobBG.png") top repeat-x;
	
}

p{ color:#333333;}
ul{ color:#333333;}
h1, h2, h3, h4, h5, h6 { color: #c79027; font-weight: normal;}

#page{box-shadow: 2px 2px 8px rgba(0,0,0,1); border-radius: 15px; border:none; margin-bottom:50px; background-color:#ffffff;}


#header{border:none; height:65px; }
#logo {
	font-size: 250%;
	padding: 20px 25px;
	color:#c79027;
	font-weight:bold;
	text-shadow: 1px 1px 0px #3a3a3a;
}

#mainmenu {
	background: url("https://www.complete360.co.za/images/navbarBG.gif") repeat-x scroll left top #c79027;
	box-shadow: 0px 2px 4px rgba(102,102,102,1);
}
#mainmenu ul li a{color: #4c4c4c;}
#mainmenu ul li.active a { background-color: transparent; color: #000; text-decoration: none;}
#mainmenu ul li a:hover { background-color: transparent; color: #fff; text-decoration: none;}

#content { padding: 25px 30px 30px 30px; }

div.breadcrumbs {padding: 10px 30px;}
/*
.breadcrumbs a { color:#666666;}
*/
.breadcrumbs a { color:#FF6600;}

/*
table.items{ background-color:#f0f0f0; border-radius: 5px;box-shadow: 2px 2px 8px rgba(153,153,153,1); }
table.items td{ color:#666666; }
table.items th { background: url("http://www.brandcake.co.za/staging/arbalest/tableHeaderBG.gif") repeat-x scroll left center white; color: white; text-align: left;  !important}
table.items a { color: #dec284; text-decoration: none; line-height:14px;}
table.items a:hover { color: white; text-decoration: none;}
table.detail-view tr.odd {    background: none repeat scroll 0 0 #f0f0f0;}
table.detail-view .null {    color: #d0d0d0;}
table.detail-view { border-radius: 5px;box-shadow: 2px 2px 8px rgba(153,153,153,1);}
*/

table.items{ background-color:#f0f0f0; border-radius: 5px;box-shadow: 2px 2px 8px rgba(153,153,153,1); }
table.items td{ color:#666666; }
table.items th { background: url("https://www.complete360.co.za/images/tableHeaderBG.gif") repeat-x scroll left center black; color: black; text-align: left; !important}
/* table.items a { color: #dec284; text-decoration: none; line-height:14px;} */

table.items a { color: #666666; text-decoration: none; line-height:14px;}
table.items a:hover { color: black; text-decoration: none;}


table.detail-view tr.odd {    background: none repeat scroll 0 0 #f0f0f0;}
table.detail-view .null {    color: #d0d0d0;}
table.detail-view { border-radius: 5px;box-shadow: 2px 2px 8px rgba(153,153,153,1);}


th, td, caption {
    padding: 5px 8px 5px 8px;    
}

table.detail-view tr.img{
  width: 10px;
  height: 10px;
}


ul.yiiPager .selected a { background: none repeat scroll 0 0 #999;}
ul.yiiPager a:link, ul.yiiPager a:visited { border: 1px solid #999; color: #666;  }

/*
.yiiTab div.view {
    background-color: #F0F0F0 !important;
    border-bottom: 1px solid #CCCCCC !important;
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
}

.yiiTab ul.tabs {
    border-bottom: 1px solid #cccccc !important;
}
.yiiTab ul.tabs a {
    border: 1px solid #cccccc !important;
	background-color: #CCCCCC !important;
}
.yiiTab ul.tabs a:link {
    color: #666666 !important;
}
.yiiTab ul.tabs a:hover {
    color: #000 !important;
}
.yiiTab ul.tabs a.active:link {
    border-bottom: 5px solid #F0F0F0 !important;
	background-color: #F0F0F0 !important;
	color: #666666;
	
}
.yiiTab ul.tabs a.active:hover {
    border: 1px solid #cccccc;
	color:#000;	
}
*/

.yiiTab div.view {
    background-color: #F0F0F0 !important;
    border-bottom: 1px solid #c79027 !important;
    border-left: 1px solid #c79027 !important;
    border-right: 1px solid #c79027 !important;
}
.yiiTab ul.tabs {
    border-bottom: 1px solid #c79027 !important;
}
.yiiTab ul.tabs a {
    border: 1px solid #c79027 !important;
	background-color: #999999 !important;
}
.yiiTab ul.tabs a:link {
    color: #c79027 !important;
}
.yiiTab ul.tabs a:hover {
    color: #f90 !important;
}
.yiiTab ul.tabs a.active:link {
    border-bottom: 5px solid #F0F0F0 !important;
	background-color: #F0F0F0 !important;
	color: #c79027;
	
}
.yiiTab ul.tabs a.active:hover {
    border: 1px solid #c79027;
	color:#f90;	
}

.grid-view table.items tr.odd {
    background: none repeat scroll 0 0 #F0F0F0;
	color: inherit; 
	/*width: 100%;
    table-layout: fixed;*/
}
.grid-view table.items tbody tr:hover {
    background: none repeat scroll 0 0 #d0d0d0;
	color: inherit; 
}

.grid-view table.items tr.selected {
    background: none repeat scroll 0 0 #c0c0c0;
	color: inherit; 
}

.grid-view table.items th {
    background: url("https://www.complete360.co.za/images/tableHeaderBG.gif") repeat-x scroll left center #CCCCCC; 
	/* background: url("http://www.brandcake.co.za/staging/arbalest/tableHeaderBG.gif") repeat-x scroll left center #d0d0d0; */
    /* color: #CCCCCC; */ 
	/*color: #808080; */
	color: #FFFFFF; 
    text-align: center;
}

.summary{ padding:10px 0px 10px 0px;}


.portlet {
   border-radius: 5px; box-shadow: 2px 2px 8px rgba(153,153,153,1);
}
.portlet-decoration {
   background: none repeat scroll 0 0 #F0F0F0;
   border: none !important;
   border-radius: 5px 5px 0px 0px;
}
.portlet-content {
    background: none repeat scroll 0 0 #CCCCCC;
	border-radius: 0px 0px 5px 5px;
}
.portlet-title {
    color: #c79027;
}
.operations li a {
    color: #666;
	background:none !important;
}
.operations li a:link {
    color: #666;
}
.operations li a:visited {
    color: #999;
}
.operations li a:hover {
    color: #000;
}
div.view {
    border: none;
	background-color:#f0f0f0;
	border-radius: 5px; box-shadow: 2px 2px 8px rgba(153,153,153,1)
}


#footer {
    border-top: 1px solid #d0d0d0;
	background: url("../images/securityLogo168x32.png") no-repeat top center;
	height:15px;
	padding-top:60px;
}


.g1{
  /* width: 50%;*/
  float:left;
	
}

.g2 {
   
	/*width: 50%;*/
	float:left;
	
}

.g-row {    
	
display:inline-block
}

/*
.g1,.g2{
   
	display:inline-block
	
};
*/
.t-and-c-table tr
{
    padding-bottom:0;
	padding-top:0;
	border-spacing: 2px
}

#terms-and-conditions1{
display:inline-block;
margin-right:10px;
/*float:left;*/
}

#terms-and-conditions2{
display:inline-block;
margin-right:80px;

/*float:left;*/
}
.ConfirmEnable
{
display:inline-block;
}

.myTable {
width: 670px;
border:0px;
border-collapse:collapse;
border-spacing:0px;
text-decoration: none; 
background-color: #eee;

}

.myTable a:link {
	text-decoration: none;	
	
}
/*
.myTable h3 {
	color: #C79027;	
	border-bottom-color: #C79027;
}
*/
.tab { margin-left: 50px; }
.tab2 { margin-left: 30px; }
.tab3 { margin-left: 60px; }

div.t-and-c1 {
    max-width: 800px;
    margin: auto;
   /* border: 3px solid #73AD21;*/
}

div.abc {    
    margin: auto;
   /* border: 3px solid #73AD21;*/
}

#tbl1  td   { border-left:1px solid black; }