@import url("tablelist_style.css");
@import url("detailstable_style.css");
@import url("searchtable_style.css");
@import url("tooltips_style.css");
@import url("tabbox_style.css");

.verd10 {font-family:Verdana;color:#000000;font-weight:normal;text-decoration:none;font-size:10px;}
.verd11b {font-family:Verdana;color:#000000;font-weight:bold;text-decoration:none;font-size:11px;}
.verd10bw {font-family:Verdana;color:#ffffff;font-weight:bold;text-decoration:none;font-size:10px;}
.verd11bwb {font-family:Verdana;color:#ffffff;font-weight:bold;text-decoration:none;font-size:11px;background-color:#4D4266;}
.verd10b {font-family:Verdana;color:#000000;font-weight:bold;text-decoration:none;font-size:10px;}
.arial12r {font-family:Arial;color:#000000;font-weight:normal;text-decoration:none;font-size:12px;}
.arial12b {font-family:Arial;color:#ffffff;font-weight:bold;text-decoration:none;font-size:12px;}
.arial12bl {font-family:Arial;color:#ffffff;font-weight:bold;text-decoration:underline;font-size:12px;}
.arial12red {font-family:Arial;color:#ff0000;font-weight:bold;text-decoration:none;font-size:12px;}
.arial12bb {font-family:Arial;color:#000000;font-weight:bold;text-decoration:none;font-size:12px;}
.arial12l {font-family:Arial;color:#000000;font-weight:normal;text-decoration:underline;font-size:12px;}
.arial12lw {font-family:Arial;color:#ffffff;font-weight:normal;text-decoration:underline;font-size:12px;}
.cmarial12l {font-family:Arial;color:#8083A7;font-weight:normal;text-decoration:underline;font-size:12px;}
.cmarial12red {font-family:Arial;color:#ff0000;font-weight:normal;text-decoration:underline;font-size:12px;}
.textfield {
	font-family:Arial;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	background: #ffffff url(../img/box_back.gif) repeat-x scroll 0 0;
	border-top: 1px solid #5B5B5B;
	border-left: 1px solid #5B5B5B;
	border-right: 1px solid #5B5B5B;
	border-bottom: 1px solid #5B5B5B;
}

.readonly,
select.disabled {
	color: #AAAAAA;
	border: 1px solid #CCCCCC;
}

textarea{
	background: #ffffff url(../img/box_back.gif) repeat-x scroll 0 0;
	font-family:Arial;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	border-top: 1px solid #5B5B5B;
	border-left: 1px solid #5B5B5B;
	border-right: 1px solid #5B5B5B;
	border-bottom: 1px solid #5B5B5B;
}

.combobox{
	font-family:Arial;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	background: url(../img/box_back.gif) repeat-x scroll 0 0 #FFFFFF;
	border: 1px solid #5B5B5B;
	padding: 1px;
}
.combobox option { background-color: #FFFFFF; }

.readonly {
	border: 1px solid #bbbbbb;
}

input.textfield {
	height:17px;
}

input[type="file"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

select.textfield {
	height:20px;
}
.btn {
	font-family:Arial;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	background-repeat:repeat-x;
	background : url(../img/butt_back.gif);
	height:21px;
	border-top: 1px solid #717284;
	border-left: 1px solid #717284;
	border-right: 1px solid #717284;
	border-bottom: 1px solid #717284;
	cursor:pointer;

}

input.btn:disabled {
	background: rgb(240, 240, 240);
	color: rgb(109, 109, 109);
}

input[type="button"].fixed, input[type="submit"].fixed { width: 100px; }
input[type="checkbox"] { vertical-align: middle; }

.red { color: #ff0000; }

.box {
	font-family:Arial;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	border-top: 1px solid #5B5B5B;
	border-left: 1px solid #5B5B5B;
	border-right: 1px solid #5B5B5B;
	border-bottom: 1px solid #5B5B5B;
}
.ariallError {font-family:Arial;color:#D6185B;font-weight:bold;font-size:12px;padding-left:3px;padding-right:3px;}
.arial12page {font-family:Arial;color:#000000;font-weight:bold;text-decoration:none;font-size:12px;padding-left:3px;padding-right:3px;}
.arial12message {font-family:Arial;color:#7786B1;font-weight:bold;text-decoration:none;font-size:12px;padding-left:3px;padding-right:3px;}
.arial12pages {font-family:Arial;color:#ffffff;font-weight:bold;text-decoration:none;font-size:12px;background-color:#D6185B;padding-left:3px;padding-right:3px;}
.note {font-family:Arial;color:#645C79;font-weight:normal;font-style:italic;text-decoration:none;font-size:11px;}
.kommentaar
{
	display:none;

	position:absolute;
	background-color:#f1f1f1;
	padding-right:1px;
	padding-top:1px;
	padding-left:1px;
	padding-bottom:1px;
	/*z-index:9px;
	filter:progid:DXImageTransform.Microsoft.DropShadow(offx=2,offy=2);*/
}

/**********NEW STYLES START HERE***************/

body {
	background: url('../img/back.gif');
	margin: 0;
	padding:0;
	font-family:Arial;
	font-size:12px;
}

body.mmsPreview {
	background-image: none;
	margin: 0;
	padding:0;
	background-color: #FFFCEA;
}

body.contentDetails {
	background-image: none;
	margin: 0;
	padding:0;
	background-color: #F9F8F9;
}

#mainContainer{
	margin: 0 auto;
	width: 1225px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

body.env-dev #mainContainer{
	background-color: #3aaa38;
}

body.env-prod #mainContainer{
	background-color: #bebabc;
}

div.env-dev, div.env-prod{
	font-size: 18px;
	padding-left: 20px;
}

div.env-dev{
	color: #3aaa38;
}

div.env-prod{
	color: #f26310;
}

#startMainContainer{
	margin: 0 auto;
	margin-top: 4%;
	width: 935px;
	background-color: #bebabc;
	padding: 10px;
}

#startMenuContainer{
	margin-top: 25px;
	padding-bottom: 10px;
	text-align: center;
}

.headerHeight{
	height: 93px;
}

#headerContainer{
	background: url('../img/headback.gif');
	clear:both;
	border-right: 1px solid black;
}

#headerLeft{
	width: 185px;
/*    background: url('../img/logo.gif') left bottom no-repeat;*/
	float:left;
	border-left: 1px solid #000000;
}

#headerRight{
	width: 1004px;
	float:left;
}

#usernameContainer{
	position: absolute;
}

#logoutContainer{

}

#logoutLeft{
	float:left;
	background: url('../img/logout.gif') -1px top no-repeat;
}

#logoutRight{
	padding-top: 4px;
	clear:right;
}

#logoutRight span{
	margin-left: 10px;
}

#logoLink{
	clear:both;
	padding-left: 15px;
}

#logoLink img{
	width: 60px;
	height: 55px;
}

.mainMenuItem{
	text-decoration: none;
}

.mainMenuItem img{
	border: 0;
}

.mainMenuMargin{
	margin-right: 10px;
}


#middleContainer{
	background: url('../img/black.gif') #dfdfdf left top repeat-y;
	border-right: 1px solid black;
	clear:both;
}

#startMiddleContainer{
	background-color: #dfdfdf;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	clear:both;
}

#middleLeftContainer{
	width: 185px;
	float: left;
}


#pagingContainer{
	text-align: right;
}

#currentMainMenu{
	margin-top: 6px;
	text-align: right;
	background: url('../img/black.gif') left top repeat-y;
	background-color: #cecdcd;
	padding: 6px 8px 6px 0px;
}

#subMenuContainer{
	background: url('../img/menu_back2.gif') left top repeat-y;
}

#subMenu{
	background: url('../img/menu_back.gif') right top repeat-y;
	padding-top: 8px;
	padding-bottom: 8px
}

.subMenuItem{
	background: url('../img/lilla_point.gif') 5px 10px no-repeat;
	margin-left: 5px;
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.subMenuItemActive{
	background: url('../img/white_point.gif') #7484BB 5px 10px no-repeat;
	margin-left: 5px;
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#subMenuFooterContainer{
	background: url('../img/menu_footer.gif') left top repeat-x;
}

#subMenuFooter{
	background: url('../img/black.gif') left top repeat-y;
	height: 32px;
}

#middleRightContainer{
	width: 1025px;
	float: left;
	border: 5px solid #7484bb;
}

#currentSubMenu{
	padding-left: 5px;
	padding-top: 3px;
	height: 18px;
	background-color: #7484bb;
}

#currentSubMenu span{
	padding-left: 4px;
	padding-right: 4px;
}

#menuPathContainer{
	background: url('../img/shadow.gif') left top repeat-x;
	height: 37px;
}

#menuPath{
	width: 390px;
	float:left;
	padding-left: 28px;
	padding-top: 11px;
}

#menuPath ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	height: 8px;
}

#menuPath li{

float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
	margin: 0px;
	padding: 1px;
	padding-right: 3px;
	background-color: #f9f9f9;

}

#menuPath a{
	font-family:Verdana;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	color: #000000;
}

#menuPath li.item{
	background: #f9f9f9 url('../img/arrow.gif') 5px 2px no-repeat;
	padding-left: 15px;
}

#siteSelection{
	padding-top: 7px;
	width: 570px;
	float:left;
	text-align:right;
}

#errorContainer{
	height:auto;
	background-color: #fffcea;
}

/* Error and message boxes { */
#informerContainer { padding: 10px 30px 10px 30px; background-color: #FFFCEA; }

ul.errList, ul.wrnList, ul.msgList { margin: 0px; padding: 7px 7px 7px 17px; border-width: 1px; border-style: solid; margin-bottom: 3px;}
ul.errList li, ul.wrnList li, ul.msgList li { font-size: 12px; font-family: Arial; margin: 0px; padding: 1px; list-style-type: disc; list-style-position: inside; }

ul.errList { border-color: #d00; background-color: #fdc; }
ul.wrnList { border-color: #dd0; background-color: #ffc; }
ul.msgList { border-color: #77d; background-color: #cdf; }

ul.errList a, ul.errList li { color: #400; }
ul.wrnList a, ul.wrnList li { color: #440; }
ul.msgList a, ul.msgList li { color: #004; }


/* } Error and message boxes */

#contentContainer{
	min-height: 350px;
	height:auto;
	background-color: #fffcea;
}

/*For IE :)*/
* html #contentContainer{
	height: 350px;
}

.contentItemContainer{
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	padding: 10px 30px 10px 30px;
}

.contentItemContainer a{
	color: #000000;
	text-decoration: none;
}
.contentItemContainer a:hover{
	text-decoration: underline;
}

#startFooterContainer, #footerContainer{
	background: url('../img/footer_back.gif') left top repeat-x;
}

#footerContainer{
	height: 25px;
	border: 1px solid #000000;
	border-top: 0;
	border-bottom: 0;
}


#footerLogoContainer{
	background: url('../img/black.gif') right top repeat-y;
}

#footerLogo{
	height: 24px;
}

#footerLogo img{
	position: absolute;
	width: 145px;
	height: 32px;
	border: 0;
}

#footerText{
	text-align: center;
	padding: 2px;
	color: #333333;
/*    padding-left: 15px;*/
}

#footerText a {
	color: #8E93AA;
	font-weight: bold;
}
#footerText a:hover {
	color: #333333;
	font-weight: bold;
}

.clearer{
	clear: both;
}

#startMenuSeparator{
	background: url('../img/polosa.gif') left top repeat-x;
	height: 29px;
}

#startContentContainer{
	padding-left: 28px;
	background: url('../img/startGrad.jpg') left top repeat-x;
	clear:both;
	height: 415px;
}

#startCFLogoContainer{
	position:absolute;
	margin-top: -33px;
}

.startColumn{
	background-color: #fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 279px;
	height: 415px;
	float: left;
}

#startFirstColumn{

}

#startSecondColumn{
	margin-left: 17px;
}

#startThirdColumn{
	margin-left: 17px;
}

.columnHeadImage{
	padding-bottom: 15px;
}

.columnHeadImage img{
	width: 279px;
	height: 155px;
}

.columnHead{
	margin-left: 13px;
	margin-bottom: 25px;
}

.columnText{
	margin-left: 13px;
	margin-right: 13px;
}

#startMainContainer #logoutContainer{
	margin-top: 5px;
	text-align: right;
}

#flash_mms_composer{
	text-align: center;
	padding-bottom: 20px;
	padding-top: 10px;
}
.unvisible{
	display:none;
}


.search_result_summary {
	font-family: Arial;
	font-size: 12px;
	font-style: italic;
}

.warning {
	font-weight: normal;
	font-style: italic;
	color: #ff0000;
}

.select-button {
	background-color: transparent;
	border: solid 1px black;
	border-radius: 5px;
}

.restricted-campaign-item {
	padding: .3em 0;
}

img.ImageGraph{
	border: 0 none;
	padding: 0px;
	margin: 0px;
}

hr { color: #999999; border: 0; border-bottom: 1px solid #999999; border-top: 1px solid #FFFFFF; }

.help,
.warning-help { overflow: hidden; padding-left: 22px; width: 0px; height: 17px; display: inline-block; background-repeat: no-repeat; background-position: 2px top; }
.help { background-image: url(../img/help.gif); }
.warning-help { background-image: url(../img/warning.png); }
.op-setting-link + .warning-help { vertical-align: middle; }
.text-right { text-align: right; }
.ui-dialog-content .warning-help { vertical-align: top; }
.ui-dialog-content textarea + .warning-help { margin-top: 3px; }
#help_box { position: absolute; width: 260px; display: none; border: 0px solid #FF0000; text-align: left; }
#help_box_content { background-color: #E8E8E8; border: 1px solid #999999; text-align: justify; padding: 3px 5px; word-break: break-word; word-wrap: break-word;}
#help_box .arrow { margin-left: 0; height: 1px; background-color: #999999; }

.warning-message { color: #b00; vertical-align: middle; font-weight: bold; }
.add_new > * { vertical-align: middle; }

.rtl { direction: rtl; }
.ltr { direction: ltr; }

.ui-datepicker-trigger { vertical-align: middle; margin-left: 3px; cursor: pointer; }

.italic { font-style: italic; }