/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */
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;}

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("bg.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);}

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

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;	
}

.grid-view table.items tr.odd {
    background: none repeat scroll 0 0 #F0F0F0;
}
.grid-view table.items tbody tr:hover {
    background: none repeat scroll 0 0 #d0d0d0;
}

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

.grid-view table.items th {
    background: url("bg.gif") repeat-x scroll left center white;
    color: white;
    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("https://www.complete360.co.za/images/securityLogo.png") no-repeat top center;
	height:40px;
	padding-top:22px;
}